AngularJS UIグリッド、0.00円で通貨をフィルタする方法

Question

私はAngularJS UIグリッドを使用しており、価格をフィルタリングしようとしています。フィルタリングは、10進数の後ろの0以外の数字のものであれば問題ありません。セルの​​@ドキュメントごとに 'numberstr' 'type' 属性に

$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

変更フィールドタイプ

Answer 2

私が取得するためにあまりにも多くのフープを介してジャンプしなければなりませんでした見栄えの良い通貨列ですが、今後これが考慮されることを願っています。これは私にとって最高の働いた：

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でそれについての詳細を読むことができます。