Интеграция mui-datatable с администратором на отдыхе - PullRequest
0 голосов
/ 10 октября 2018

Как интегрировать mui-datatable с admin-on-rest?Нужны следующие опции в представлении списка:

  • перемещение по порядку столбцов
  • показать / скрыть столбцы
  • изменить количество строк для отображения
  • предварительный просмотр таблицы

Mui-datatable обладает этими функциями.В соответствии с документацией администратора по отдыху мы можем использовать пользовательский Datagrid.Кто-нибудь может объяснить, как это сделать?

1 Ответ

0 голосов
/ 12 октября 2018

Допустим, вы создаете пользовательский компонент данных «MyIterator».Этот компонент должен просто использовать два реквизита, которые «автоматически» будут доступны потомку компонента «Список».Одна опора ids, а другая data.

Параметр ids является массивом идентификаторов отображаемых в данный момент элементов данных.И data - это объект, содержащий данные для всех отображаемых элементов.

Что-то вроде этого должно сделать часть создания настраиваемой таблицы данных -

const MyIterator = ({ids, data}) => ids.map(id=><div key={id}><span>Label</span><span>{data[id].label}</span></div>)

В приведенном выше примере предполагается, чтообъект data-item должен иметь свойство 'label'.

И вот как можно создать собственную сетку данных.

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