如何禁用AG Grid列拖拽功能并保留分组能力

我之前也踩过这个坑，用lockPosition确实会把分组功能搞没——因为这个属性是完全锁定列的位置，连拖到分组面板的操作都会被禁止。想要禁用列的拖拽排序但保留分组，正确的姿势是用suppressMovable属性。

具体实现方法 #

1. 全局统一配置（所有列生效） #

如果要给所有列都禁用拖拽排序，直接在gridOptions的默认列配置里设置：

gridOptions = {
  // 其他原有配置...
  defaultColDef: {
    suppressMovable: true, // 禁用列在表头的拖拽排序
    enableRowGroup: true, // 确保分组功能处于开启状态
    // 其他列默认配置项...
  }
};

2. 单独列配置（针对特定列） #

如果只需要给部分列禁用拖拽，就在对应的列定义里添加suppressMovable: true：

columnDefs = [
  { field: 'productName', suppressMovable: true, enableRowGroup: true },
  { field: 'category', suppressMovable: true, enableRowGroup: true },
  // 其他列定义...
];

为什么lockPosition不行？ #

lockPosition的作用是彻底锁定列的位置：既不能在表头拖拽调整顺序，也不能把列拖到分组面板进行分组操作，这就是你丢失分组功能的核心原因。而suppressMovable只限制列在表头的拖拽排序，完全不影响列拖入分组面板的操作，刚好匹配你的需求。

另外可以确认下AG Grid版本对应的enableRowGroup属性是否正确开启，这是分组功能的基础开关，别不小心设成false了。

内容的提问来源于stack exchange，提问作者Simon Gervais