ag-grid 过滤器面板定制

Question

想知道是否有人自定义了 ag-grid，以便过滤器面板位于左侧（而不是右侧），默认情况下打开条件。我们希望通过减少过滤器的模糊性来提高可用性。

还想知道用户是否可以添加/删除过滤条件，而不是默认列出所有条件。

Answer 1

有position参数设置侧边栏相对于网格的位置。

sideBar = {
    toolPanels: [
        ...
    ],
    position: 'left',
    defaultToolPanel: 'filters'
}

还可以通过定义您的自定义toolPanel 来根据您的需要添加/删除过滤条件：

var columnDefs = [
    { 
        field: "your_field",
        filter: false, //set filter to false to hide it from sidebar
    },
];

以及侧边栏设置：

sideBar = {
        {
            id: 'filters',
            labelDefault: 'Filters',
            labelKey: 'filters',
            iconKey: 'filter',
            toolPanel: 'agFiltersToolPanel',
        }
    ]
}

更多详情见官方文档：ag-grid sidebar