反应表 - 多个值到单元格

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（因为它的灵活性）虽然有很多examples。我从上面的链接修改了basic example。 也看看这个 SO answer。 不放弃。 React-table 也给了我很多困难。