正在从React Data Grid中删除筛选器选项

Question

如何从React Data Grids过滤器中删除过滤器选项？例如，当我执行FilterEditior:SelectFilter时，它显示"；包含"不包含"等于"；等等，但我只希望过滤选项是"0"；包含"；以及"；相等"；。我只能找到一种方法来添加带有renderColumContextMenu的过滤选项，但没有可以删除的选项。

Answer 1

它们的renderColumnContextMenu属性允许自定义上下文菜单(每列顶部的菜单带有"3行"图标(。

听起来您想要renderColumnFilterContextMenu，它允许自定义Filter Context Menu(带有"不在列表中"等的菜单(。他们在这里提供了一个例子：https://reactdatagrid.io/docs/api-reference#props-renderColumnFilterContextMenu。

例如去除它们的"；不在列表中"；菜单项，从该示例中修改renderColumnFilterContextMenu功能如下：

const renderColumnFilterContextMenu = useCallback((menuProps, { 
cellProps }) => {
// Limit this change to the specific column,
// by referring to its id or name from your columns array.
if (cellProps.id === 'country') {
menuProps.items = menuProps.items.filter((item) => item.itemId !== 'operator-notinlist');
}
}, []);

注意：我知道你特别问过"；不包含"；菜单项，但在他们的4.21.0社区/企业版本中，我认为它是"；不在列表中">