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

Question

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

但在我的用例中，我想要每个列标题中的过滤器 EX：

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

我找不到任何可以自定义这种行为的东西，很高兴有人可以帮助我

标签： javascriptreactjsreact-admin

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>

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