AG-Grid Enterprise：如何通过社区过滤器替换列菜单

Question

我正在尝试 Ag-Grid 的企业版，但在使用此版本时我无法获得标准 "column filter"。它只有一个带过滤功能的 "Columns panels"，但是这个比较难用。

在使用 ag-grid entreprise 版本（我需要一些其他功能）时，是否有任何方法可以使用社区版本的列过滤器。

也许可以通过指定一些 menuTabs 选项...但是文档对这些菜单可用的选项没有帮助。

这是一个简单的列过滤器示例（所需的功能）： https://plnkr.co/edit/HougMsUWbIU2Plhd9rRz?p=preview

这是一个 "entreprise filter" 的例子（我不想要的功能）： https://plnkr.co/edit/wg6cpAVn7t7rrbX143ug?p=preview

非常感谢，

Answer 1

您可以在 columnDefs 中指定 filter 值：

agNumberColumnFilter A Number Filter for number comparisons.

agTextColumnFilter A Text Filter for string comparisons.

agDateColumnFilter A Date Filter for date comparisons.

agSetColumnFilter A Set Filter, influenced by how filters work in Microsoft Excel. This is an ag-Grid-Enterprise feature.

要获得简单的过滤器，您可以使用：agNumberColumnFilter、agTextColumnFilter、agDateColumnFilter 和 menuTabs:['filterMenuTab']，在这种情况下，其他选项卡将被抑制。

或者您可以使用 floatingFilter with suppressMenu gridOptions 属性

例如：

filter: 'agNumberColumnFilter',  menuTabs:['filterMenuTab']

或者：

gridOptions.floatingFilter: true
....
filter:'agNumberColumnFilter', suppressMenu: true

AG-Grid Enterprise：如何通过社区过滤器替换列菜单

AG-Grid Enterprise: How to replace Column Menu by community filter

ag-grid