我想应用一些条件格式,将一行中的每个单元格与前一行中的单元格进行比较。如果不同,则突出显示该行。
我在angular js typescript中使用ag-grid。这是可能的吗?如果是的话,有人能给我提供将其应用到整个数据表的步骤吗?
qxgroojn1#
您可以使用以下defaultColDef函数实现差异突出显示:
defaultColDef = { cellStyle: function(params) { const rowIndex = params.node.rowIndex; const columnId = params.colDef.field; const previousRowIndex = rowIndex - 1; if(params.api.getDisplayedRowAtIndex(previousRowIndex) === undefined){ return { 'background-color': null}; } const currentValue = params.value; const previousValue = params.api.getDisplayedRowAtIndex(previousRowIndex).data[columnId]; if (currentValue !== previousValue) { return { 'background-color': 'lightblue' }; } return { 'background-color': null}; } }
下面是代码:https://stackblitz.com/edit/ag-grid-diff-highlighting
1条答案
按热度按时间qxgroojn1#
您可以使用以下defaultColDef函数实现差异突出显示:
下面是代码:https://stackblitz.com/edit/ag-grid-diff-highlighting