根据我的逻辑,我无法在角度的 ag-grid 单元格中应用 css。我已将一个对象分配给网格。但是在那个字段上我已经分配了一个 Object.hours 值,我需要基于 Object.status 属性应用逻辑。
使用官方文档,我可以按此处提到的当前单元格值应用 css https://www.ag-grid.com/javascript-grid-cell-styles/#cell-style-cell-class-cell-class-rules -参数。但我需要根据父 Object.status 应用它
//Object i am using in ag-grid
this.timeSheet = {
projectName: 'HRMS',
mon: {
hoursWorked: 6,
status: 'Submitted'
},
tue: {
hoursWorked: 6,
status: 'Submitted'
}
}
//Working code
this.columnDefs = [
{headerName: 'Project', field: 'projectName'},
{headerName: 'MON ', field: 'mon.hoursWorked', cellClassRules: {
'text-danger': 'x == 6'}},
];
上面的代码正在运行,并且 text-danger 类已分配给单个单元格
//I need it to work like that
this.columnDefs = [
{headerName: 'Project', field: 'projectName'},
{headerName: 'MON ', field: 'mon.hoursWorked', cellClassRules: {
'text-danger': 'mon.status == `Submitted'}},
];
在 'text-danger' 中需要帮助:'mon.status == `Submitted' 行它不是那样工作的