在 ag 网格中自定义工具面板

【问题标题】：Customize tool panel in ag grid在 ag 网格中自定义工具面板
【发布时间】：2021-09-10 01:09:32
【问题描述】：

是否可以自定义和扩展 ag 网格工具面板以添加原始工具面板不提供的自定义功能？

就像我的情况一样，我想在工具面板中添加一些下拉菜单作为输入过滤器。

【问题讨论】：

标签： angular ag-grid

【解决方案1】：

您可以创建一个全新的工具面板，但不能扩展预构建的工具面板。

【讨论】：

很遗憾，但这似乎是从 ag-grid v22 开始最正确的。我真的很想将自己的按钮添加到现有的列过滤器工具面板中

【解决方案2】：

现在可以使用19.0 version

自定义工具面板组件可以包含在网格侧边栏中。当您需要更多工具面板来满足您的应用程序要求时，请实施这些。

【讨论】：

【解决方案3】：

我认为您可以通过将 filterParams 属性添加到您想要的列的 columnDefs 来添加过滤器下拉列表。

this.columnDefs = [
      {
        headerName: "Name",
        field: "name",
        width: 150,
        filter: "agSetColumnFilter",
        filterParams: {
          values: ['a', 'b', 'c'], 
        }
      },
]

你可以在这里看到：https://www.ag-grid.com/javascript-grid-filter-set/

【讨论】：