根据单元格值更改其他单元格的格式化规则

Question

我正尝试在 Aggrid 中进行以下格式化：

如果单元格 X 有一些值，则更改单元格 Y 和 Z 的格式（不同列，同一行）

这可以吗？我应该使用 API 中的哪些函数？

编辑：或者，因为我的网格数据不会被编辑，我还可以寻找一种方法来简单地提前定义单元格，以便它们以特定样式显示，而同一列的其他单元格在不同的行上以另一种样式显示（例如不同的字体颜色）

Answer 1

您要实现的目标似乎非常简单。您需要对 Y 和 Z 列使用 cellClassRules 属性，并根据 X 列的值适当地设置它们的格式。

这是一个简单的例子，它将 Y 列和 Z 列的背景颜色设置为 X 列中指定的颜色：

cellClassRules: {
  'rag-red': (params) => {
    return params.data.x == 'red';
  },
  'rag-amber': (params) => {
    return params.data.x == 'amber';
  },
  'rag-green': (params) => {
    return params.data.x == 'green';
  },
},

和css类的定义：

  .rag-red {
    background-color: lightcoral;
  }
  .rag-green {
    background-color: lightgreen;
  }
  .rag-amber {
    background-color: lightsalmon;
  }

Demo.

根据单元格值更改其他单元格的格式化规则

Formatting rule to change other cells based on cell value

ag-grid