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"],
];

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