angularjs ag-grid:高亮显示行中特定单元格的值与前一行不同的单元格

xdyibdwo  于 2022-10-31  发布在  Angular
关注(0)|答案(1)|浏览(242)

我想应用一些条件格式,将一行中的每个单元格与前一行中的单元格进行比较。如果不同,则突出显示该行。

我在angular js typescript中使用ag-grid。这是可能的吗?如果是的话,有人能给我提供将其应用到整个数据表的步骤吗?

qxgroojn

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

相关问题