AngularJS UI Grid，如何使用$ 0.00过滤货币

Question

我正在使用AngularJS UI-Grid并尝试过滤定价。对于小数点后面的数字不是0的任何内容，过滤都可以正常工作。

$scope.GridOptions = {
            enableFiltering: true,
            rowEditWaitInterval: -1,
            multiSelect: true,
            enableColumnMenus: false,
            columnDefs: [
                { name: 'Name', field: 'Item', width: '15%' },
                { name: 'Price', field: 'Price', type: 'number', cellFilter: 'currency', width: '6%' },
                { name: 'Current Price', field: 'CurrentPrice', type: 'number', cellFilter: 'number: 2', width: '12%' }
            ]

2 after decimal， 0 after decimal

Answer 1

我不得不通过太多的箍来获得一个漂亮的货币专栏，但希望这将在未来考虑。这对我来说效果最好：

JS - 将cellFilter:number:2和cellClass:'currency'添加到列定义中：

myGrid.columnDefs = [{
    field: "Sale",
    cellFilter: 'number:2',
    cellClass:'currency'
}]

CSS - 将这两个样式定义添加到css中：

.currency{
    text-align:right;
}
.currency .ui-grid-cell-contents:before{
    content: '$';
    float: left;
}

最终结果：

您可以在我原来的回答here中详细了解它。