如何比较ag-grid中的行

【问题标题】：How to compare rows in ag-grid如何比较ag-grid中的行
【发布时间】：2019-10-26 03:29:19
【问题描述】：

我正在尝试比较我的 ag-grid 中的两个相似行并突出显示它们之间的差异。大多数列条目是相同的，但如果单元格与其前身不同，我希望突出显示它。

有什么方法可以在 ag-grid 中做到这一点？还是我必须使用 HTML 表格并循环遍历每个条目？

谢谢！

【问题讨论】：

嗨！我有同样的问题，在任何地方都找不到解决方案。您是否找到了一种方法来比较 ag-grid 中的行或循环是唯一的方法？

标签： html angular ag-grid

【解决方案1】：

有一个网格选项作为函数，命名为getRowStyle，如下：

在 HTML 中：

<ag-grid-angular
[gridOptions]="gridOptions"
....></ag-grid-angular>

在 .ts 中：

import { 
  GridOptions,
} from '@ag-grid-enterprise/all-modules';

在课堂内：

gridOptions: GridOptions;

在构造函数中：

constructor(){
    this.gridOptions = {
        getRowStyle: (params: any) => {
            if (params.data){
                    if(params.data.display.id === 15) {
                        return { background: '#eee', 'font-weight': 750 };
                    }
            }
        },
    }
}

这是应用 style 作为 getRowStyle 函数的响应返回的内容

【讨论】：