反应表 - 多个值到单元格

Question

我正在尝试使用 react-table 构建权限表。

在处理我的数据之后，我有这种类型的数组（这纯粹是一个例子，对于每个管理员/编辑/读者我都有其他数据）：

[
  { Description: 'Create', Administrator: {id: 99, value: 1}, Editor: {id: 98, value: 1}, Reader: {id: 99, value: 0} },
  { Description: 'Delete', Administrator: {id: 99, value: 1}, Editor: {id: 98, value: 0}, Reader: {id: 99, value: 0} },
  { Description: 'Read', Administrator: {id: 99, value: 1}, Editor: {id: 98, value: 1}, Reader: {id: 99, value: 1} },
]

我希望我的专栏是描述/管理员/编辑/读者。

对于每一行（将对应于特定描述），我想为管理员/编辑/读者列设置一个按钮/复选框设置为它们的值（1/0），如果该人单击/取消选中描述“读取”的单元格管理员中的按钮/复选框，然后我将访问 id 并更改其在我的数据库中的值。

我上传了一张我如何看待它的照片。

反应表是否可能，因为我似乎找不到任何关于如何将多个数据“分配”到单元格的信息，或者我应该用另一种方法开发它。

预先感谢您的任何帮助。

Answer 1

是的。 可以在表格单元格中添加复选框，因为 react-table 非常灵活。 但是它有相当多的例子API（因为它的灵活性）。 我从上面的链接修改了基本示例。 也看看这个 SO answer 。 不要放弃。 React-table 也给了我很多困难。