使树列不是第一列而是第二列

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() {
  }
...
}

列的实际顺序：组，用法，类别 预期：用法，组，类别

如何解决此问题？