禁用 agGrid 中列的移动

Question

我在我的应用程序中使用 AgGrid 表。这是demo。根据文档，我想停止列的移动。为此我使用了：

suppressMovable: true

我在这里使用的上述代码：

 columnDefs: [
        {
          headerName: 'Athlete',  //the generic name of header
          children: [
            {
              field: 'athlete',   //children header from generic header
              width: 150,
              suppressMovable:true
            },
            {
              field: 'age',
              lockVisible: true,
              cellClass: 'locked-visible',
              suppressMovable:true

            },
            {
              field: 'country',
              width: 150,
            },
            { field: 'year' },
            { field: 'date' },
            { field: 'sport' },
          ],
          ...

suppressMovable:true，它可以工作，并且 athlete 和 age 列不能像其他列一样移动，但此代码也禁用主列的移动：Athlete。因此，当我尝试切换 Athlete 和 Medals 列的位置时，我不能，但我不想这样，我想将这 2 个主要列设置为可移动。
问题：如何禁用Athlete 和 Column 内的列移动，但要保留这两个主要列的移动功能？

Answer 1

开箱即用的答案是你不能。

如果任何孩子是固定的，那么 AG Grid 不允许移动组。

您可以编写自定义事件侦听器（如果可能）以在拖动父列时更改子列的suppressMovable 属性，然后再次将它们设置为不可移动/suppressMovable 为 true。否则，您可以使用 moveColumnByIndex(from,to) 以编程方式移动组中的所有列