Angular 如何在ag网格中右对齐数字的文本
如果ag网格中的任何单元格具有十进制、int或numeric等数值,我希望该单元格右对齐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' : '';
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' },
]