material-ui - (React Material-Table):启用“可编辑”但无法设置 isEditable 和 isDeletable
问题描述
我的 React 程序中有一段代码,如下所示。但是,isEditable
字段isDeletable
根本不起作用。我该怎么做才能在此处禁用某些操作?
----更新实际代码----
索引.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/icon?family=Material+Icons"
/>
<title>ABC Customers</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
</body>
</html>
index.js
import MaterialTable from "material-table";
import React from "react";
import ReactDOM from "react-dom";
class Test extends React.Component {
render() {
const columns = [
{title: "Firstname", field: "fname"},
{title: "Lastname", field: "lname"},
{
title: "Registered",
field: "registered",
render: rowData => rowData && rowData.registered ? "✔️" : " ",
editable: "never"
}
];
const data = [
{
"fname": "Abc",
"id": "745ce3",
"lname": "Medo",
"registered": 0
},
{
"fname": "an",
"id": "111111",
"lname": "kad",
"registered": 1
},
{
"fname": "Yan",
"id": "4e9a93",
"lname": "Yang",
"registered": 1
}
];
return <MaterialTable
title=""
columns={columns}
data={data}
editable={{
isEditable: rowData => {console.log(rowData); return (rowData.registered === 1 && rowData.id !== "111111");},
isDeletable: rowData => (rowData.id !== "111111"),
onRowAdd: newData =>
new Promise((resolve, reject) => {
setTimeout(() => {
resolve();
}, 1000);
}),
onRowUpdate: (newData, oldData) =>
new Promise((resolve, reject) => {
setTimeout(() => {
resolve();
}, 1000);
}),
onRowDelete: oldData =>
new Promise((resolve, reject) => {
setTimeout(() => {
resolve();
}, 1000);
})
}}
/>
}
}
class TestPage extends React.Component {
render = () => <Test />
}
ReactDOM.render(
<TestPage />,
document.getElementById("root")
);
解决方案
推荐阅读
- javascript - 如何编写一个匹配除数字以外的任何内容的正则表达式
- excel - 如何根据值检索列的名称
- javascript - 无法从 angular4 中的嵌套函数访问它
- python - 正则表达式 - 仅选择字符串中的描述
- javascript - module.exports 的意外速记
- c++ - 当我们有一个更短的方法时,为什么我们在结构中使用 typedef
- mysql - SQL请求中的合并日期?
- r - 使用 ctree 制作具有最大深度的过拟合树
- python - 如何获得一个盒子的个别数字
- system-verilog - 可以使用 nettype 在 System Verilog 中定义结构吗?