css 设置ag-grid树数据网格中聚合行的样式

b4lqfgs4  于 2023-05-08  发布在  其他
关注(0)|答案(1)|浏览(167)

我有一个ag-grid网格(内置在react中),它使用树数据格式(https://www.ag-grid.com/react-data-grid/tree-data/#tree-data-aggregation)。
每一行都包含数字数据,分组行显示该数据的总和。
这是好的,但我想突出聚合值-说,使他们一个大胆的字体重量。
我已经看过行样式的文档,但是它引用的条件样式是通过单元格中的值引用的,这不是我要找的(https://www.ag-grid.com/javascript-data-grid/row-styles/)。
如何确定一行是来自原始行数据还是由聚合生成的,并对其进行适当的样式设置?

ryoqjall

ryoqjall1#

rowNode具有uiLevel属性。您可以使用它来标识顶级行。

<AgGridReact
  ...

  treeData={true}

  ...

  getRowStyle={params => {
    if (params.node.uiLevel === 0) {
        return { fontWeight: 'bold', background: '#eee' };
    }
  }}

/>

相关问题