Javascript 如何锁定ag电网组标头'；孩子的拖拉行为？

Ag grid具有lockPosition属性来更改任何列的拖动行为。我有一个类似于下面的示例Ag grid，它有两个分组标题，下面是它们的子项

我希望将子列的拖动锁定在彼此（运动员、国家）和（运动、总数、金牌、银牌、铜牌）上。为此，我将

lockPosition:true

设置为这些子列定义

    this.columnDefs = [
      {
        headerName: 'Athlete Details',
        marryChildren: true,
        children: [
          {
            field: 'athlete',
            lockPosition:true,
            colId: 'athlete',
          },
          {
            field: 'country',
            lockPosition:true,
            colId: 'country',
          },
        ],
      },
      {
        headerName: 'Sports Results',
        marryChildren: true,
        children: [
          {
            field: 'sport',
            colId: 'sport',
            lockPosition:true
          },
          {
            field: 'total',
            colId: 'total',
                        lockPosition:true
          },
          {
            field: 'gold',
            colId: 'gold',
                        lockPosition:true
          },
          {
            field: 'silver',
            colId: 'silver',
                        lockPosition:true
          },
          {
            field: '

bronze',
        colId: 'bronze',
                    lockPosition:true
      },
    ],
  },
];

但是分组标题（运动员详细信息、运动成绩）也会受到影响，相反，我希望它们是可拖动的，只有儿童应该保护它们的位置。如何做到这一点？我一直在深入研究ag网格文档，但找不到有用的东西

普朗克：