Тяжелая настройка пользовательского интерфейса материала DataTable (React)

Question

У меня есть стандартная таблица данных Reactify Material UI, которая выглядит как это изображение

Мне нужно серьезно его настроить, включая удаление функций загрузки и печати, добавления значков в столбцы статуса и раскрывающегося списка, добавленного в столбец действий. Я был глубоко погружен в этот проект и хотел бы знать, с чего начать. Я использую Reactify, и я постепенно привыкаю к ​​React, поэтому мне просто нужно направление, что исследовать и чему учиться. Нужно ли дублировать модуль узла mui-datatables и начать изменять его?

Спасибо

Answer 1

Вы можете настроить его, просто внимательно прочитайте документы. https://www.npmjs.com/package/mui-datatables Это ссылка, где вы можете найти ее документы и настроить таблицы данных, например, если вы хотите удалить функцию загрузки и печати, вы просто задаете ложные значения для загрузки и печати, например,

const options = {
      print: false,
      download: false,
    };

Вы можете добавлять значки в статус, просто изменив значение в массиве данных. например

let icon = <i className="ti-close" />
const data = [
 ["UserName_Value", "Title_Value", icon , "Date_Value", "Action_Value"],
];

Точно так же вы можете добавить выпадающие списки в столбцы действий, просто внимательно прочитайте документы, и вы получите ответ.