过滤器下的按钮未出现在 Ag-Grid 中

Posted 2023-03-28

【中文标题】过滤器下的按钮未出现在 Ag-Grid 中

【英文标题】：Buttons under Filter not appearing in Ag-Grid

【发布时间】：2020-10-18 15:19:44

【问题描述】：

编辑：Here's a plunkr of my issue

Ag-Grid 提供了在提供的过滤器下设置 4 个按钮的选项。这些是应用、清除、重置和取消按钮。 Here is an example 。我正在尝试在提供的数字过滤器上显示 Apply 和 Reset 按钮，但没有显示。过滤器工作正常，但没有出现按钮。

这是我的列定义：

filter: 'agNumberColumnFilter',
filterParams: 
    buttons: ['apply', 'reset']
,

这就是它的外观。没有显示按钮

NB：我正在使用 Ag-Grid 23.0.0 社区版和 Angular 9。

【问题讨论】：

请分享一个例子，一个plunker或类似的东西..

我会添加并更新帖子

plnkr.co/edit/3LmHueyc0WboJqS9 这是关键

您的问题示例与您添加的工作示例之间的区别在于 index.html 文件。如果您将两个变量：systemJsMap、systemJsPaths 从工作示例复制到您的问题示例（将其粘贴到 index.html - 覆盖那里的变量），它将起作用。因此，据我了解，您的文件在那里。尝试找出这两个字段之间的确切差异。

我正在使用 Angular + 打字稿。 ag-grid 中提供的 plunkr 示例似乎正在使用 systemJs，因此我对其进行了修改以显示我的问题。我注意到它在 23.2 中工作，但在我正在使用的 23.0 中没有。我想我正在使用的版本导致了问题

【参考方案1】：

我已经更新到最新版本 “ag-grid-angular”：“^23.2.1”， “ag-grid-community”：“^23.2.1”， "ag-grid-enterprise": "^23.2.1",

现在它适用于 Angular 9 和 TS

【讨论】：

这些按钮是在我升级 ag-grid 版本后出现的。所以，我猜是版本问题（没有任何进一步的证据）

感谢您的跟进，我在 angular 8 版本 ^22 上也遇到了这个问题。哎呀，我想要我的时间回来！ :D 你有没有在github.com/ag-grid/ag-grid/issues 某处发现这个问题？

使用 ^21 和 angular 9 版本也无法使用过滤器按钮，需要更新到 ^23.2.1 才能使用

感谢您的解决方案。更新后css在我结束时更改。任何建议！