大量自定义 Material UI DataTable (React)

Question

我有默认的 Reactify Material UI DataTable 看起来像这个图像

我需要对其进行大量自定义，包括删除下载和打印功能，并将图标添加到状态列中，并将下拉列表添加到操作列中。我已经陷入了这个项目的深渊，想知道从哪里开始。我正在使用 Reactify，我正在慢慢习惯 React，所以只需要了解研究内容和学习内容的方向。我是否复制 mui-datatables 节点模块并开始修改它？

谢谢

Answer 1

您可以自定义它，请仔细阅读文档。 https://www.npmjs.com/package/mui-datatables 这是 link，您可以在其中找到它的文档并定制您的数据表，例如，如果您想删除下载和打印功能，您只需为下载和打印选项提供假值，如下所示

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

您可以在状态中添加图标，只需更改数据数组中的值即可。例如

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

同样，您也可以在操作列中添加下拉菜单，只需仔细阅读文档，您就会得到答案。

大量自定义 Material UI DataTable (React)

Heavily customising Material UI DataTable (React)

datatables

reactjs

reactify