React-admin меняет положение фильтра

Question

Это обычный способ фильтров в act-admin

, но в моем случае я хочу фильтры в заголовках каждого столбца EX:

• Показать фильтры внутри заголовков каждого столбца.
• Все текстовые фильтры.

Я не мог найти что-нибудь, чтобы приспособиться к этому поведению, рад, если кто-то может мне помочь

Answer 1

В библиотеке React-admin таких компонентов нет, хотя можно написать пользовательский, возможно, с помощью специального DatagridHeader и DatagridHeaderCell для компонента Datagrid. Чем ближе вы можете получить со стандартными компонентами, тем всегда будет передаваться AlwaysOn prop для входов фильтра с тем же порядком полей сетки данных:

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

Таким образом, входы фильтра будут автоматически размещаться над сеткой данных с тем же порядком поля данных, без необходимости их выбора в раскрывающемся списке фильтров. Для сетки данных с большим количеством полей вам потребуется уменьшить входные данные фильтра, чтобы они поместились в одну строку.