我使用ag-grid angular创建了一个表格。在那我有两个列组。 我想在第一组中添加一个新列,并且新列应在该组中排第二。
但是当我添加新的列组时,它放置在所有列的末尾。
如何将新列移至所需位置。
答案 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
。