将新列添加到农业网格列组

时间:2020-04-15 16:07:43

标签: ag-grid

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

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

如何将新列移至所需位置。

2 个答案:

答案 0 :(得分:0)

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

https://www.ag-grid.com/javascript-grid-column-api/

> moveColumn(colKey, toIndex)

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

答案 1 :(得分:0)

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

https://www.ag-grid.com/documentation/javascript/column-updating-definitions/#applying-column-order

<块引用>

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

如果所需的行为是应该对列进行排序以匹配 新的列定义集,设置网格属性 applyColumnDefOrder=true