将新的可见列移动到ag-grid中网格表的末尾

Question

在带有

React

的

ag-grid 28.1.1

应用程序中，我试图找到一种方法将新添加的列（通过从“列”工具面板中选择它）移动到网格表的末尾。目前，当添加新列（从列工具面板）时，它会按字母顺序添加到表中（假设我添加 Date 列：它显示在 Consumed 和 Earned 之间）

我尝试过将 moveColumn 方法附加到 onColumnVisible 事件，但似乎不起作用：

    onColumnVisible: ({ column, visible, columnApi }) => {
      const colId = column?.getColId();
      const lastIndex = columnApi.getAllDisplayedColumns()?.length;
      if (colId && visible) {
        columnApi.moveColumn(colId, lastIndex);
      }
    },

Answer 1

试试这个

onColumnVisible: ({ column, visible, columnApi, api }) => {
      const colId = column?.getColId();
      const lastIndex = columnApi.getAllDisplayedColumns()?.length;
      if (colId && visible) {
        api.moveColumn(colId, lastIndex);
      }
    }