reactjs - 大量自定义 Material UI DataTable (React)

Question

我有默认的 Reactify Material UI DataTable，看起来像这张图片

我需要对其进行大量自定义，包括删除下载和打印功能，并将图标添加到状态列中，并将下拉列表添加到操作列中。我已经陷入了这个项目的深渊，想知道从哪里开始。我正在使用 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"],
];

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