ag-grid：突出显示特定单元格的值与前一行不同的行中的单元格

Question

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

我在 angular js typescript 中使用 ag-grid。 这甚至可能吗？ 如果是这样，有人可以向我提供将其应用于整个数据表的步骤吗？

Answer 1

您可以使用以下 defaultColDef function 实现差异突出显示：

  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