如何为我知道 ag-grid 中的行索引和字段名称的单元格着色？

Question

让，行索引 = 5 & 字段 = 'age' 现在，如何在 ag-grid 中为 row = 5 & field = 'age' 的单元格着色？我这两天试过了，没能实现。

Answer 1

我想你有一个包含行索引和字段名称的对象数组：

rowIndexes = [ 
  { row: 3, field: ['age']}, 
  { row: 5, field: ['name']}, 
  { row: 10, field: ['name', 'salary'] }
];

将 cellStyle 属性添加到每个列Def:

{
  headerName: 'Name',
  field: 'name',
  cellStyle: (params) => {
    let rowIndex = params.node.rowIndex;
    if (this.isColoredCell(rowIndex, 'name'))
      return { backgroundColor: 'red' }
    return null;
  }
}
...
...

并将您的逻辑添加到 isColoredCell 方法：

isColoredCell(rowIndex: number, field: string): boolean {
  let indexes = this.rowIndexes.filter(item => item.row == rowIndex);
  if (indexes.length > 0) {
    let fields = indexes[0].field;
    if (fields.indexOf(field) > -1) {
      return true;
    }
    return false;
  }
  return false;
}

希望你能这样给你的细胞上色。

如何为我知道 ag-grid 中的行索引和字段名称的单元格着色？

How can I color a cell where I know the row index and field name in ag-grid?

ag-grid-angular