React-admin меняет положение фильтра - PullRequest
0 голосов
/ 01 мая 2020

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

enter image description here

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

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

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

1 Ответ

1 голос
/ 02 мая 2020

В библиотеке 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>

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...