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

Question

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

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

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

怎样才能把漂亮的拿回来？

标签： ag-gridag-grid-react

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 状态，或者像这个例子一样单独传递每个道具。