如何按级别隐藏行组

Question

我使用 Ag 网格在表格上显示一些数据。 所以，我们有 columnDef

const columnDef = [
        {
            field: 'colorName',
            rowGroup: true,
            hide: true,
            ....another props (renderer etc.)
        },
        {
            field: 'color',
            rowGroup: true,
            hide: true,
             ....another props (renderer etc.)
        },
        {
            field: 'titleName',
            rowGroup: true,
            hide: true,
             ....another props (renderer etc.)
        },
]

As you see, I try to group and hide the main 3 field in columnDefs.

我们有一些行数据：

const rowData = [
         {
        name: 'Name 1',
        titleName: 'Label',
        colorName: 'Color 1',
        color: '#FCE300',
    },
    {
        name: 'Name 1-1',
        titleName: 'Label',
        productName: 'Color 1',
        color: '#FCE300',
    },
    {
        name: 'Name 2',
        titleName: 'Label',
        colorName: 'Color 1',
        color: '#FFFFFF',
    },
    {
        name: 'Name 3',
        titleName: 'Label',
        colorName: 'Color 2',
        color: '#FFFFFF',
    },
]

结果是：

问题是：如何通过这 3 个字段（颜色名称、颜色、标题名称）留下组数据，但从视图中隐藏一级组行。例如，我需要隐藏 color 组行，但保留所有 3 个主要字段的分组数据。

Answer 1

我认为

rowGroup

不允许这样做。 我建议您使用TreeData。更复杂一点，但提供了显示数据的完整自定义