javascript - React-admin 更改过滤器位置

Question

这是 react-admin 中过滤器的正常方式

但在我的用例中，我希望每个列标题中都有过滤器 EX:

• 在每个列标题内显示过滤器。
• 全部都是文本过滤器。

我找不到任何可以自定义此行为的内容，如果有人可以帮助我，我很高兴

Answer 1

React-admin lib 没有这样的组件，尽管可以编写自定义组件，可能在 Datagrid 组件上使用自定义的 DatagridHeader 和 DatagridHeaderCell。您可以使用标准组件更接近地将alwaysOn属性传递给过滤器输入，并且数据网格字段的顺序相同:

<Filter {...props}>
    <TextInput source="seller" alwaysOn/>
    <TextInput source="ticketType" alwaysOn/>
    <TextInput source="quantity" alwaysOn/>
    <TextInput source="createdAt" alwaysOn/>
</Filter>

这样，过滤器输入将自动放置在数据网格上方，与数据网格字段的顺序相同，无需在过滤器下拉列表中选择它们。对于具有更多字段的数据网格，您需要使过滤器输入更小，以将它们全部放在一行上。