React Redux Material-ui - 使用 editable 单元制作 table
React Redux Material-ui - Making a table with editable cells
我是 material-ui 的新手，我想我的问题可能有一个简单的答案，但我只是想获得一些反馈。我想要做的是呈现一个 table 只有列 headers （从存储在数据库中的数据填充）。此时应该没有行。理想情况下，我希望有一个可单击的按钮，可以添加一行（具有与列 headers 相同的单元格数），然后可以将数据输入并保存到数据库中。我想我可以添加 onCellClick 属性，以便将数据输入到 material-ui table 的单元格中，但我的大问题是生成行的最佳方式是什么？以前我通过将 object 推入一个空数组来做类似的事情，但我想知道是否有更简洁的方法来做到这一点？特别是考虑到我决定用 React 和 Redux 构建它的主要原因之一是尽量避免做这样的事情！
无论如何，感谢您抽出宝贵时间，如果您能向我展示一个更好的方法示例，我将不胜感激！
您可以使用 Material-UI 的 Table 标签执行此操作，方法是使用 editable 的组件填充 table 的单元格（下拉菜单、文本字段等）。但是，我已经停止将它用于更大的数据集，因为它的性能不佳。相反，我使用 ReactDataGrid。使用 Material-UI 让 CSS 看起来不错有点棘手，但它的性能要好得多。我使用 Material-UI 组件填充 ReactDataGrid 中的单元格，就像使用 Material-UI 的 Table.
一样
我是 material-ui 的新手，我想我的问题可能有一个简单的答案，但我只是想获得一些反馈。我想要做的是呈现一个 table 只有列 headers （从存储在数据库中的数据填充）。此时应该没有行。理想情况下，我希望有一个可单击的按钮，可以添加一行（具有与列 headers 相同的单元格数），然后可以将数据输入并保存到数据库中。我想我可以添加 onCellClick 属性，以便将数据输入到 material-ui table 的单元格中，但我的大问题是生成行的最佳方式是什么？以前我通过将 object 推入一个空数组来做类似的事情，但我想知道是否有更简洁的方法来做到这一点？特别是考虑到我决定用 React 和 Redux 构建它的主要原因之一是尽量避免做这样的事情！
无论如何，感谢您抽出宝贵时间，如果您能向我展示一个更好的方法示例，我将不胜感激！
您可以使用 Material-UI 的 Table 标签执行此操作，方法是使用 editable 的组件填充 table 的单元格（下拉菜单、文本字段等）。但是，我已经停止将它用于更大的数据集，因为它的性能不佳。相反，我使用 ReactDataGrid。使用 Material-UI 让 CSS 看起来不错有点棘手，但它的性能要好得多。我使用 Material-UI 组件填充 ReactDataGrid 中的单元格，就像使用 Material-UI 的 Table.
一样