reactjs - 我们如何在 React JS 中禁用/隐藏材料表中的添加、编辑和删除图标？

Question

我已经突出显示了需要禁用/隐藏的按钮。

标签： reactjsmaterial-table

Answer 1

只需从 createTableActions 中删除该功能。例如，如果您不想删除和添加但想要编辑。

    const createTableActions = (tableName: string, setData:React.Dispatch<React.SetStateAction<object[]>>) => {
  const { isEditable } = SP_LIST_CONFIG[tableName];

  return isEditable
    ? {
        onRowUpdate: (newData, oldData) =>
          new Promise((resolve, reject) => {
            resolve();
          }),
      }
    : {};
};