ag-grid columnsMenuTab 自定义

Posted 2023-03-28

【中文标题】ag-grid columnsMenuTab 自定义

【英文标题】：ag-grid columnsMenuTab customization

【发布时间】：2020-08-31 08:15:48

【问题描述】：

我正在尝试自定义 ag-grid 中的 columnsMenuTab 显示以隐藏某些组标题行而不显示。我们有一个列组层次结构，如下所示：

Name
  Type Name
    Formula
      Column Name

我们希望隐藏公式，使其不显示在 columnsMenuTab 中，这样当用户切换列可见性时，他们看不到公式，但仍然可以看到列名。最终结果会是这样的：

Name
  Type Name
      Column Name

查看文档 (https://www.ag-grid.com/javascript-grid-column-menu/) 我无法找到实现此自定义的方法。

我们正在使用 ag-grid-react（企业版）21.0.1

谢谢。

05/18 编辑：添加了一些关于最终结果的说明。

【参考方案1】：

您可以将suppressColumnsToolPanel: true 用于您不想在columnsMenuTab 中显示的列以及右侧显示的工具面板。

这适用于层次结构中的列或列组，在您的情况下应该适用于公式列。

根据文档-

suppressColumnsToolPanel 如果您不希望此列或组出现在列工具面板中，请设置为 true。默认值：假

【讨论】：

该选项会抑制列工具面板中的列，而不是通过单击列标题中的菜单访问的列菜单。

我已经尝试过这个选项，它在两个地方都对我有用。奇怪为什么它不适合你

我将尝试使用示例创建一个 plunker，看看是否有帮助。同时，您在哪个版本的 ag-grid 中进行测试？

我尝试使用最新版本并基于 plunker off ag grid 站点的示例

我尝试使用最新版本并从两者中删除它，似乎它在我当前使用的版本（21.0.1）中不起作用。然而，这并不是我想要的。如果我将设置添加到公式标题，它也会隐藏它的所有子项（列名）。