单元格样式不适用于 angular Ag-grid 中具有 pivot true 的列定义

Question

我正在使用 Ag 网格向最终用户显示数据，下面是我的列定义，我在事实名称列中使用单元格样式属性，但我发现它不起作用。任何人请告诉我我在哪里犯了错误。

[
  {
    "field": "name",
    "rowGroup": true,
    "enableRowGroup": true,
    "width": 150
  },
  {
    "field": "group",
    "pivot": true,
    "width": 150
  },
  {
    "field": "factname",
    "pivot": true,
    "width": 150,
    "cellStyle": {"color": "red", "background-color": "green"}
  },
  {
    "field": "value",
    "aggFunc": "first",
    "width": 180
  }
]

Answer 1

请看一下我从你那里分叉出来的这个示例：https://plnkr.co/edit/VGfDbRN7dgrmWW8V

修复：

我假设你想在生成的旋转列上设置单元格样式，为此你应该在列 value 上应用你的 cellStyle，因为你正在该列上聚合：

      {
        headerName: 'Value',
        field: 'value',
        cellStyle: { color: 'red', 'background-color': 'green' },
        aggFunc: 'first',
      },

在第 106-107 行的 index.html 中，您正在导入不存在且与网格样式冲突的样式。我已将这些注释掉，所以现在可以使用了。

单元格样式不适用于 angular Ag-grid 中具有 pivot true 的列定义

Cell Style not working for a column Definition with pivot true in angular Ag-grid

ag-grid

angular