具有标题组时，ag-grid无法移动列

Question

我在纯JS中使用ag-grid社区版本。使用标题组时，我无法将列移动到指定的索引。具有标题组的列不会以编程方式移动。但是，我可以通过鼠标拖动来移动它们。有办法解决这个问题吗？

我正在使用此行移动：

gridOptions.columnApi.moveColumns(['gold','silver','bronze','total'], 0);

以下是完整示例的示例：link

在我的真实示例中，我永远不会将列从它们的组中分离出来，因此我可以按指定顺序重新定义所有标头，但效率不高。

Answer 1

阅读文档：

  

移动列和组如果移动列以使列中的列   组不再相邻，则该组将再次被破坏，   在网格中显示为一个或多个组。

Answer 2

在列定义中，可以使用名为marryChildren的选项。这样可以将孩子们聚在一起，使他们不能移出小组。

var columnDefs = [
    {field: 'athlete', width: 150},
    {field: 'age'},
    {field: 'country', width: 150},
    {field: 'year'},
    {field: 'date'},
    {field: 'sport'},
    {field: 'gold'},
    {field: 'silver'},
    {field: 'bronze', marryChildren: true,  children:[{field: 'xd'}, {field: 'xd2'}]},
    {field: 'total'}
];