如何禁用AG-Grid侧边栏复选框及设置透视模式为只读

1. 禁用透视模式（Pivot Mode） #

要彻底禁用透视模式并隐藏相关面板，有两种常用实现方式：

• 基础配置法：直接在gridOptions中关闭透视模式并隐藏对应面板

  const gridOptions = {
    pivotMode: false, // 关闭透视模式
    suppressPivotPanel: true, // 隐藏侧边栏中的透视面板
    suppressPivotMode: true // 禁用透视模式的切换开关
  };
  

• 自定义侧边栏布局：只保留列面板，完全移除透视相关模块

  const gridOptions = {
    sideBar: {
      toolPanels: [
        {
          id: 'columns',
          labelDefault: 'Columns',
          toolPanel: 'agColumnsToolPanel'
        }
      ]
    }
  };
  

2. 设置工具面板列复选框为只读 #

要让列显示在工具面板但无法通过复选框修改显示状态，用全局配置即可实现：

const gridOptions = {
  toolPanelSuppressColumnSelection: true, // 全局禁用工具面板的列复选框交互
  columnDefs: [
    { headerName: '示例列1', field: 'col1' },
    { headerName: '示例列2', field: 'col2' }
    // 所有列会正常显示在工具面板，但复选框无法点击修改状态
  ]
};

如果仅需部分列保持只读，全局配置依然是最优方案；若要让某些列不显示在工具面板，可给目标列添加suppressToolPanel: true属性。

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