Ag-网格树结构，更改autoGroupColumn以隐藏Ids

Question

我正在使用ag-grid来表示一个树结构。在我的数据中，每一行都有一个Id和一个父Id，树结构就是这样建立的。现在，当我显示Ag-grid时，它会显示额外的列，这是行的ID，当我更深入地挖掘树时，它将显示子对象的相关ID。有没有办法隐藏这一列？下面是我使用的数据结构和gridOptions：

endDate: null
path: [1, 3, 5]
id: 4
level: "a level"
parentId: 3
Name: "SomeName"
runCount: 1
runNum: 500
StatusCode: "INITIATED"
startDate: "2018-11-05 05:20"
userComment: null

关键元素是id和相关的父id。根据AG-Grid的要求，路径定义了到达该元素的路径。下面是我的网格选项。

this.gridOptions = {
  columnDefs: this.detailsColumnDefs,
  rowData: this.detailsRowData,
  treeData: true,
  animateRows: true,
  enableFilter: true,
  enableSorting: true,
  enableColResize: true,
  getDataPath: function(data) {
    return data.path;
  },
  getRowNodeId: function(data) {
    return data.id;
  },
  autoGroupColumnDef: {
    headerName: 'level',
    width: 250,
    hide: true,
    cellRendererParams: {
      suppressCount: true,
    }
  }
};

autoGroupColumn会显示每一行的Id，但我希望它显示级别。有没有一种方法可以给这个列组分配一个字段，我想要的是level值而不是id，或者干脆把id去掉。

Answer 1

您可以将‘autoGroupColumnDef’指定为级别，并让字段绑定到数据行模型中的属性(即级别)，并确保将空值保留为属性“级别”，即

autoGroupColumnDef: {
    headerName: 'level',
    field: 'level',
    ......
  }

export class RowModel {
    level: string = '';
    parentId: string;
    id: string;
    ....
}

PS:看起来“隐藏”对群组栏目没有什么影响--也许值得向Ag-grid Dev提出一个建议。