tree - 使树列不是第一个而是第二个

Question

我无法将非组列设置为网格中的第一列。

我发现只有一个丑陋的解决方法： params.columnApi.moveColumns(["usage"], 0); 但是有一个动画让用户体验有点差。

  <ag-grid-angular
    style="width: 100%; height: 100%;"
    class="ag-theme-balham"
    [columnDefs]="columnDefs"
    [rowData]="rowData"
    [treeData]="true"
    [getDataPath]="getDataPath">
  </ag-grid-angular>

...
export class ProcTreeComponent {
...
  columnDefs = [
    {
      field: 'usage',
      headerName: 'Usage'
    },
    {
      field: 'category',
      headerName: 'Category'
    }
  ];
  rowData = [
    {
      usage: 1.0,
      name: ['chrome'],
      category: 'Permanent'
    },
    {
      usage: 1.0,
      name: ['chrome', 'Google Chrome'],
      category: 'Permanent'
    }
  ];

  getDataPath = function(data) {
    return data.name;
  };

  constructor() {
  }
...
}

列的实际顺序：Group、Usage、Category 预期：Usage、Group、Category

如何解决这个问题？

标签： treeag-grid