Question

我正在尝试比较农业网格中的两个相似行，并突出显示它们之间的区别。大多数列条目都是相同的，但如果单元格与其前身不同，我希望突出显示该单元格。

有什么办法可以在AG网格中实现吗？还是我必须使用HTML表并遍历每个条目？

谢谢！

Answer 1

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

在HTML中：

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

in .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 };
                    }
            }
        },
    }
}

这将应用样式作为 getRowStyle 函数

的响应返回的内容

如何比较Ag-Grid中的行

1 个答案: