angular - 如何在数字的 ag-grid 中右对齐文本

Question

如果 ag-grid 中的任何单元格具有十进制、整数或数字等数值，我希望该单元格右对齐。

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
    };

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

Answer 1

非常坦率的...

var colDef = {
    name: 'No. Field',
    field: 'noField',
    cellStyle: function(params) {
        if (typeof params.value === 'number') {
            return {text-align: 'right'};
        } else {
            return null;
        }
    }
}

您可以浏览整个 ColumDefinitions (ColDef) 集，并以编程方式将该单元格样式应用于所有列。
顺便说一下，这来自 ag-grid 的官方文档(尽管有所改变)