gpt4 book ai didi

reactjs - React Redux Material-ui - 制作带有可编辑单元格的表格

转载 作者:行者123 更新时间:2023-12-05 08:57:09 28 4
gpt4 key购买 nike

我是 Material-ui 的新手,我想我的问题可能有一个简单的答案,但我只是想得到一些反馈。我想要做的是渲染一个只有列标题的表(从存储在数据库中的数据填充)。此时应该没有行。理想情况下,我希望有一个可点击的按钮,可以添加一行(具有与列标题相同数量的单元格),然后可以将数据输入并保存到数据库中。我假设我可以添加 onCellClick 属性,以便将数据输入到 material-ui 表的单元格中,但我的大问题是生成行的最佳方式是什么?以前我只是将一个对象插入一个空数组来做类似的事情,但我想知道是否有更简洁的方法来做到这一点?特别是考虑到我决定用 React 和 Redux 构建它的主要原因之一是尽量避免做这样的事情!

无论如何,感谢您抽出宝贵时间,如果您能向我展示一个更好的方法示例,我将不胜感激!

最佳答案

您可以使用 Material-UI 的 Table 标签通过使用可编辑的组件(下拉菜单、文本字段等)填充表格的单元格来执行此操作。但是,我已经停止将它用于更大的数据集,因为它的性能不佳。相反,我使用 ReactDataGrid .使用 Material-UI 让 CSS 看起来不错有点棘手,但它的性能要好得多。我使用 Material-UI 组件填充 ReactDataGrid 中的单元格,就像您使用 Material-UI 的表格一样。

关于reactjs - React Redux Material-ui - 制作带有可编辑单元格的表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36015367/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com