问题标签 [material-table]

使用材料表库。我想复制此示例中显示的行为。

https://codesandbox.io/s/table-hover-colors-zw9nt

https://www.npmjs.com/package/material-table https://material-table.com/#/

我正在考虑使用 onRowClick={}

逻辑是

onRowClick =>

1. 在组件状态中设置值，将单击的行背景呈现为不同的颜色
2. 将所有其他行设置为原始颜色的背景

我可以使用基于状态值的条件渲染来更改背景。尽管这会更改所有行的背景。

我当前的工作示例在这里 https://codesandbox.io/s/peaceful-haibt-2nefw

谢谢你的帮助

我有一个包含多行的表，我希望能够一次将它们全部编辑。使用可编辑标签，我已经能够进入编辑模式并一次编辑一行，但如果我从一行切换到下一行，它不会保存更改。我需要停下来并单击一个按钮来保存更改。我希望能够在点击保存按钮之前对整个表格进行更改。有没有办法用材料表做到这一点？

我想要一些关于什么是处理数据的最佳方式的建议，我需要在哪里表，并且在 API 上有一个分页端点是这样的

到目前为止我所做的是执行一个 for 循环，直到我从请求中获取所有数据，但我“担心我的数据是否会变成数百或数千”然后将其保存到我的状态并在我使用的表中调用它https：/ /material-table.com来显示，我的想法是创建自己的表格，以加快我认为每次点击分页的速度，它会请求某个页面来获取结果，而不是给我整个数据，但我也担心如果我无法获得全部数据，我将如何管理搜索栏。希望你能给我一些关于我将如何工作的提示或想法，或者是否有任何反应库可以处理某些任务？

我希望我的用户能够拖动材料表上的列并保持该状态持久。我可以随时获得我的专栏的状态和他们的订单。我确实救了他们。但是，当我尝试使用已保存的列顺序进行渲染时，它似乎并没有更新我的材料表。

我正在使用来自 material-table.com 的 react Material-Table

这是我想要做的代码：

是否可以这样做？材料是否设计为每次只有相同的列顺序？他们允许拖动事件很奇怪，但如果是这样的话？

如何从表中完全删除覆盖加载程序？（使用的表格：https ://github.com/mbrn/material-table ）

我正在使用具有内联编辑模式的材料表，现在我想要所有内联编辑字段都是必需的，如果用户留下输入为空或类似的东西，材料表应该显示错误消息并禁用按钮。

目前，我必须使用 editComponent 来覆盖输入。无论如何我可以通过材料表来做到这一点而不会覆盖？

我正在将材料表用于 React 与远程数据，并添加了一个自定义 TextField 以便能够控制何时启动搜索查询，例如在按下 Enter 之后。发送新的搜索词时，我query.search用新的搜索词替换。我还意识到在新搜索后没有重新设置页码，现在将其重新设置为：

当使用新的搜索词时，是否有另一种方法来重新设置 Query 对象？

完整代码如下

我正在使用材料表，我需要更改操作列名称，但此列是自动生成的，因为我使用的是材料表中的可编辑功能。

如何更改这些图标和列名？

I am using material-table of Reactjs npm package, I want display a link with url inside table cells. but it is displaying it as string. Any idea how to display link