将新列添加到 ag-grid 列组答案

【问题标题】：Adding new column to ag-grid column groups将新列添加到 ag-grid 列组
【发布时间】：2021-03-01 22:46:02
【问题描述】：

我使用 ag-grid angular 创建了一个表格。在那我有两个列组。我想在第一组中添加一个新列，新列应该在组中的第二位。

但是当我添加新的列组时，它被放置在所有列的末尾。

我怎样才能把那个新列带到需要的地方。

【问题讨论】：

标签： ag-grid

【解决方案1】：

您可以通过在 columnApi 中使用 moveColumn(colKey, toIndex) 来更改列的顺序：

> moveColumn(colKey, toIndex)

将列移动到 toIndex。该列首先被删除，然后添加到 toIndex 位置，因此索引位置将更改为删除后的列。

【讨论】：

【解决方案2】：

您应该在网格选项中使用属性applyColumnDefOrder: true

当为现有列提供列定义时，顺序网格内的 Columns 不会更改以匹配新提供的列定义。这是设计使然，因此任何用户对网格所做的列的重新排序不会丢失列定义得到更新。

如果期望的行为是列应该被排序以匹配新的列定义集，设置网格属性 applyColumnDefOrder=true.

【讨论】：