reactjs - 如何禁用 ag-grid 侧边栏选项

Question

我正在使用 Ag-grid 侧边栏，并希望将所有列显示为选中或取消选中的选项，但有一些是只读的。我没有任何数据组。
我一直在查看文档，它说我需要设置 functionsReadOnly to tru 但那不起作用
看来我要设置pivotMode:true但这样做会使网格上的所有列消失
我希望我的所有列都显示出来，但只是在侧栏中禁用了一些选项。
这是我的代码config.js

 { columnDefs: [
    {
      headerName: 'ColA',
      field: 'colA',
    },
    {
      headerName: 'ColB',
      field: 'colB'
      enablePivot: true
    },
    {
      headerName: 'uploadedFiles.fileFormat',
      field: 'formatDescription'
    },
    {
      headerName: 'ColC',
      field: 'colC',
    }
    
  ],
  defaultColDef: {
    sortable: true,
    suppressMenu: false,
    resizable: true,
    suppressColumnsToolPanel: false
  },
  rowSelection: 'single',
  sideBar: {
    toolPanels: [
      {
        id: 'columns',
        labelDefault: 'Columns',
        toolPanel: 'agColumnsToolPanel',
        toolPanelParams: {
          suppressRowGroups: true,
          suppressValues: true,
          suppressPivots: true,
          suppressPivotMode: true,
          suppressSideButtons: true
        }
      }
    ],
    hiddenByDefault: true
  },
  pivotMode:true
}

我希望所有这些列都显示在网格上，并且所有选项都显示在侧边栏中...我只想禁用 colB 但启用枢轴模式会使所有列在网格上消失，只需使用 functionsReadOnly在 colB 上什么都不做

Answer 1

您可以使用 toolPanelClass: 'some-class' 将自定义类应用于该特定列的工具面板。并使用 CSS pointer-event: none或者您可以使用 document.getElementByClassName('some-class')并根据您的要求操作 DOM。
https://www.ag-grid.com/documentation/javascript/tool-panel-columns/#example-styling