Настроить макет списка

Question

Я использую rest-admin Framework.

Я хотел бы изменить макет списков и добавить пользовательский компонент.

В настоящее время макет:

Я хочу добавить компонент быстрого поиска.И панель фильтра показывает или скрывает это с действием.Потому что я думаю, что вы теряете много места на экране, устанавливая фильтр быстрого поиска.Моя идея состоит в том, чтобы лучше использовать пустое пространство.

Следующее изображение будет нужным мне слоем:

Я основан на GoogleПользовательский интерфейс администратора аналитики:

Мой вопрос: можно ли это сделать, повторно используя компонент списка платформы без создания нового компонента "Список"?

Answer 1

Вы должны будете реализовать свой собственный компонент List.Тем не менее, большая часть работы List фактически выполняется компонентом ListController из ra-core, который у нас еще не было времени для правильного документирования, но это не должно быть слишком сложным для реализации.Вы можете скопировать / вставить код из компонента List и настроить его по своему усмотрению.

Обратите внимание на две вещи:

1. Быстрый поиск уже можно выполнить с помощьювсегда на фильтрах.Так что если вы можете жить без вашего точного макета, это путь.Посмотрите исходный код демо для примера: https://marmelab.com/react-admin-demo/#/customers

2. Мы исследуем поддержку детей как функцию для некоторых из ra-ui-material компонентов (List является одним из них), чтобы сделать этовид настройки проще