AG Grid React列选择模态框：禁用全选及指定列选控

1. 禁用全选/取消全选复选框 #

直接在Grid配置项gridOptions中添加suppressColumnSelectAll: true，即可隐藏并禁用列选择模态框顶部的全选复选框：

const gridOptions = {
  // 其他Grid配置...
  suppressColumnSelectAll: true,
};

<AgGridReact
  gridOptions={gridOptions}
  // 其他组件props...
/>

2. 禁用指定列的选/取消选功能 #

针对需要锁定可见性的列，在其列定义colDef中设置lockVisible: true，该列的复选框会变为禁用状态，用户无法修改其可见性：

const columnDefs = [
  { field: 'id', headerName: 'ID', lockVisible: true }, // 禁用该列的选/取消选操作
  { field: 'name', headerName: '名称' },
  { field: 'age', headerName: '年龄', lockVisible: true }, // 另一列禁用操作
];

<AgGridReact
  columnDefs={columnDefs}
  // 其他组件props...
/>

如果需要让列直接从模态框中消失（而非保留选项但禁用），可以改用suppressColumnsToolPanel: true，但此配置会直接移除该列的选项，而非仅禁用操作。

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