如何比较ag-grid中的行

Posted 2023-03-28

【中文标题】如何比较ag-grid中的行

【英文标题】：How to compare rows in ag-grid

【发布时间】：2019-10-26 03:29:19

【问题描述】：

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

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

谢谢！

【问题讨论】：

嗨！我有同样的问题，在任何地方都找不到解决方案。您是否找到了一种方法来比较 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 函数的响应返回的内容