基于行数据的行操作反应 material-table

Question

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

提前致谢！

Answer 1

在 MaterialTable 组件的 actions 定义中，您可以访问 rowData 参数，您可以使用该参数有条件地计算 disabled 或 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 的工作示例。

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

基于行数据的行操作反应 material-table

row action based on row data in react material-table

reactjs

material-ui

material-table