为什么启用企业版时过滤 UI 会发生变化？

Question

ag-Grid 社区版的行过滤 UI 不错，但企业版的过滤 UI 很奇怪和复杂。使用企业许可证时如何获得简单的许可证？

在使用 ag-grid-react 的 ag-Grid 社区版中，如果我将 <AgGridColumn> 的 filter 属性设置为 true，我会得到：

但一旦我启用企业模式，点击列过滤小部件就会向我显示这个不必要的复杂 UI，在额外点击后隐藏过滤，并且看起来不像免费的那样有特色：

我怎样才能找回漂亮的？

Answer 1

看这里：

• https://www.ag-grid.com/javascript-grid-column-menu/
• https://www.ag-grid.com/javascript-grid-filtering/

这可能就是你所追求的：

this.gridOptions = {
    // ...
    defaultColDef: {
        // pick one:
        //filter: 'agSetColumnFilter', // enterprise default
        //filter: 'agTextColumnFilter', // community default
        menuTabs: [
            'filterMenuTab',
        ],
    },
    // ...
};

以最简单的方式传递网格选项：

<AgGridReact
    gridOptions={this.gridOptions}
    // ...
/>

或者让它处于 React 状态，或者像 this example 一样单独传递每个 prop。