[{
"uniqueIdentifier": "12345",
"identifier": "UJHU",
"latitude": 33.68131385650486,
"longitude": -83.36814721580595,
"cycle": "1"
"speedLimit": "255"
"customerCode": "Standard",
"altitude" : 12345
"modifiedKeys": [
"speedLimit",
"altitude"
]
},
{
"uniqueIdentifier": "13434",
"identifier": "UJHU",
"latitude": 93.68131385650486,
"longitude": -33.36814721580595,
"cycle": "2"
"speedLimit": "255"
"customerCode": "Standard",
"altitude" : 12345
"modifiedKeys": [
"cycle",
"latitude"
]
}]
上面的 Json 被馈送到 Ag-grid。如果单元格属于modifiedKeys上述 Json 中存在的列名，则要求为单元格着色。
我不想使用此处给出的单元格类规则来定义它，因为我的网格中有数百列。我想使用类似rowClassRules可以作为输入传递给 Ag-grid 的东西。那可能吗 ？
我认为 Cell Style 规则是要走的路。如果您有数百个列，并且不想重复重复的cellStyle函数，请将此函数作为默认值添加到列定义中。
使用这个默认列定义：
defaultColDef = {
cellStyle: function(params) {
console.log(params);
if (params.node.data.modifiedKeys.some(x => x == params.colDef.field)) {
//mark police cells as red
return { backgroundColor: "green" };
} else {
return null;
}
}
}
并将其传递给您的网格，如下所示：
<ag-grid-angular
style="width: 500px; height: 200px;"
class="ag-theme-alpine"
[rowData]="rowData"
[defaultColDef]="defaultColDef"
[columnDefs]="columnDefs">
</ag-grid-angular>
这是一个 StackBlitz 演示。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句