【问题标题】:Cell Style not working for a column Definition with pivot true in angular Ag-grid单元格样式不适用于在角度 Ag-grid 中枢轴为真的列定义
【发布时间】:2021-08-31 01:22:04
【问题描述】:

我正在使用 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
  }
]

【问题讨论】:

  • 我认为,存在全局样式冲突。
  • @Lovely 我没有添加任何全局样式
  • 我可以在任何主机上查看您的项目结果吗?
  • @Lovely 你可以在这个链接下查看plnkr.co/edit/pdKyFbNHUwcDS37b

标签: angular ag-grid


【解决方案1】:

请看一下我从你那里得到的这个示例:https://plnkr.co/edit/VGfDbRN7dgrmWW8V

修复:

  1. 我假设您想在生成的透视列上设置单元格样式,为此您应该在 value 列上应用您的 cellStyle,因为您正在对该列进行聚合:
      {
        headerName: 'Value',
        field: 'value',
        cellStyle: { color: 'red', 'background-color': 'green' },
        aggFunc: 'first',
      },
  1. 在第 106-107 行的 index.html 中,您正在导入不存在且与网格样式冲突的样式。我已经将这些注释掉了,所以现在它可以工作了。

【讨论】:

猜你喜欢
  • 1970-01-01
  • 2020-12-02
  • 2019-06-13
  • 2017-10-09
  • 2020-11-20
  • 2018-07-17
  • 2019-12-01
  • 2019-02-14
  • 2021-01-27
相关资源
最近更新 更多