基于反应材料表中的行数据的行操作

我需要仅在某些行（具有特定属性值）中进行行操作。例如，如果我有一行具有属性isDeletable设置为 true，我希望能够删除它，即操作列中有一个删除图标。

提前致谢！

In actions https://material-table.com/#/docs/features/actions你的定义MaterialTable组件，您可以访问rowData您可以使用该参数有条件地计算disabled or hidden每个动作的道具。检查以下示例，其中该操作仅在以下情况下启用status ==='active'.

<MaterialTable
// ..other props
actions={[
          (rowData) => {
            return {
              icon: "bug_report",
              tooltip: "Report bug",
              disabled: rowData.status === "active",
              // hidden: rowData.status === "active",
              onClick: (event, rowData) =>
                alert("This client status is " + rowData.status)
            };
          }
        ]}
/>

这里有一个sandbox https://codesandbox.io/s/material-table-conditionally-disable-or-hide-actions-oc9f1?file=/src/App.js这是一个工作示例。

让我知道这是否对你有用！