为什么启用企业版后过滤 UI 会发生变化?
Why does the filtering UI change when I enable Enterprise edition?
ag-Grid 社区版的行过滤UI 很好,但企业版的过滤UI 很奇怪和复杂。使用企业许可证时如何获得简单的许可证?
使用 ag-grid-react
的 ag-Grid Community Edition,如果我将 <AgGridColumn>
的 filter
属性 设置为 true,我会得到:
但是,一旦我启用企业模式,单击列过滤小部件就会向我显示这个不必要的复杂 UI,在额外的单击后隐藏过滤,并且看起来不像免费的那样功能:
如何找回漂亮的?
看这里:
- 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.
一样单独传递每个道具
ag-Grid 社区版的行过滤UI 很好,但企业版的过滤UI 很奇怪和复杂。使用企业许可证时如何获得简单的许可证?
使用 ag-grid-react
的 ag-Grid Community Edition,如果我将 <AgGridColumn>
的 filter
属性 设置为 true,我会得到:
但是,一旦我启用企业模式,单击列过滤小部件就会向我显示这个不必要的复杂 UI,在额外的单击后隐藏过滤,并且看起来不像免费的那样功能:
如何找回漂亮的?
看这里:
- 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.
一样单独传递每个道具