使用React使列在MaterialTable中不可编辑

时间:2020-06-29 08:58:58

标签: reactjs material-ui material-design material-table

我正在使用最新版本(https://material-table.com)中的MaterialTable,并且我有3列,并且用户只能编辑其中一列:

.container {
  position: relative;
  left: 300px;
  top: 200px;
}

在onRowEditSave()中,我调用了一个restservice,当我不在列中使用editable时,该服务将起作用。
https://material-table.com/#/docs/features/editable的第二个示例中,可以看到它应该是怎样的。

我得到了错误:

属性“可编辑”的类型不兼容。
类型“字符串”为 不可分配给类型““从不” | “总是” | “ onUpdate” | “ onAdd” | ((columnDef:列,rowData:IReservedStockItem) =>布尔值)|未定义”。

(IReservedStockItem是this.state.Items的数据结构)

有人可以解释这个错误吗?因为我看不到文档有什么区别。

1 个答案:

答案 0 :(得分:0)

对于任何有同样问题的人:问题是 Typescript,解决方案是在列定义中写入:

editable: 'never' as string