Angular 如何在ag网格中右对齐数字的文本

Angular 如何在ag网格中右对齐数字的文本,angular,ag-grid,ag-grid-angular,Angular,Ag Grid,Ag Grid Angular,如果ag网格中的任何单元格具有十进制、int或numeric等数值,我希望该单元格右对齐 this.defaultColumnDefs = { width: 75, exportColumn: true, type: 'numericColumn', cellClass(params) { return params.colDef.type === 'numericColumn' ? 'ag-numeric-cell' : '';

如果ag网格中的任何单元格具有十进制、int或numeric等数值,我希望该单元格右对齐

this.defaultColumnDefs = {
      width: 75,
      exportColumn: true,
      type: 'numericColumn',
      cellClass(params) {
        return params.colDef.type === 'numericColumn' ? 'ag-numeric-cell' : '';
      },
      filterParams: {
        buttons: ['clear'],
      },
      menuTabs: ['filterMenuTab'],
      filter: 'agTextColumnFilter',
      resizable: true,
      sortable: true
    };

以前它是可以工作的,现在我必须转到每一列并指定类型。为什么不采用默认类型?

相当简单

var colDef = {
    name: 'No. Field',
    field: 'noField',
    cellStyle: function(params) {
        if (typeof params.value === 'number') {
            return {text-align: 'right'};
        } else {
            return null;
        }
    }
}
您可以浏览整个列定义集,如果有,可以通过编程方式将该单元格样式应用于所有列


顺便说一句,这来自ag grid的官方文档,尽管有一些变化

提供了一个简单的解决方案:


只需添加类型:“rightAligned”属性。

到目前为止您尝试了什么?@programoholic我已经更新了我的question@Ekta您使用的是哪个agGrid版本?@Ekta我有一个项目正在做同样的事情,在默认列定义中使用type和cellClass,它仍然在工作。使用版本23。实际上,我在desc中粘贴了代码,在我更新之前,该代码可以正常工作,但它没有采用这种样式,我已经更新了我的问题
columnDefs: [
        { headerName: 'Column A', field: 'a' },
        { headerName: 'Column B', field: 'b', type: 'rightAligned' },
    ]