问题标签 [material-table]

我是新手，我正在尝试使用 UseEffect 挂钩向我的后端发出 http 请求以获取一些数据，然后将其显示在 materialTable 中，但是状态中的数据直到第二次渲染才会更新导致一个空的数据表。这是我的代码：

我究竟做错了什么 ？

我正在使用材料表组件，并且我有两个自定义操作来编辑行，除了onRowEdit. 我正在使它们可编辑：

我知道这不是最好的做法，但熟悉该组件的开发人员帮助了我，并提出了最好的（也是唯一的）方法。问题是我想取消或发送使用这两个操作所做的修改，而我发现的方式是tableRef（如本文档的最后一个示例所示）。该表有current两个动作，指的是编辑和取消：onEditingApproved和onEditingCanceled。但是当我在自定义操作中使用这些功能时，它们当然会覆盖所有操作中的版本批准和版本取消。onEditingApproved有没有办法让onEditingCanceled每个动作都独一无二？我的代码与此类似：

我正在尝试将每页更多的行从material table. 到目前为止，我发现您可以添加一个数组，其中每页包含如意行。rowsPerPageOptions={[5, 10, 25, 50, 100]} ，但我的问题是当我应用 100 行时，表格会延伸到空白行。（我目前只从后端收到 24 行（文档））所以基本上它必须限于我拥有的数据。有人可以帮帮我吗？谢谢

我有作为父母和孩子的数据。子对象通过parentId（在子对象中）和id（（在父对象中）关联到父对象

并有这样的输出：

谁能告诉我，如何通过单击按钮使面板全部展开或全部折叠？

嘿伙计们，我不知道这是否可能，但我想在表格外部的单独组件上使用下拉列表进行过滤，但仍要过滤当前表格。这件事可能吗？如果是的话，我可以举个例子吗？

我已经在反应中集成了材料表（参考：https ://material-table.com/ ）。

我想使用 . 将显示的数据（所有数据和搜索结果）导出为 PDF jspdf。无法在材料表中得到它。

不幸的是，我无法获取所有数据以及搜索到的数据。

任何人都可以帮忙吗？

我是 reactjs 的新手。我在两个组件之间的数据通信中遇到问题。

我在我的应用程序中使用材料表来列出数据。我在不同的组件中有创建用户表单。创建新用户时，我需要更新列表中新添加的用户。两者都在不同的组件中。如何在两个组件之间共享数据？

操作覆盖功能允许我覆盖按钮，但它会覆盖所有操作按钮。例如，如果我有两个用于编辑和删除的操作按钮，并且我使用操作覆盖，那么我的两个按钮都会被相同的自定义代码覆盖。如何为不同的按钮指定不同的代码？

我的最终目标是根据 rowData 有条件地禁用编辑和删除按钮。我已尝试使用 isEditable 功能，如下面的代码所示，但它也不起作用。

我正在使用 React + 材料表。

我的问题

• 有没有办法根据页面上的可用空间动态设置pageSize ？
• 如果没有 API 可以这样做 - 如何从组件设计的角度更好地解决这个问题？

我想达到什么目的？

材料表中显示的行数应取决于屏幕尺寸。根据您的屏幕尺寸，页面看起来不会相似（例如，在笔记本电脑设备上看起来不错，但在 25 英寸显示器上会有很多空间可以被行填充）。

我已经做了什么？

• 我搜索了官方文档，但无法找到解决方案。
• 我也在寻找开发人员的帖子和其他 SO 主题 - 仍然没有结果。

当然，可以构建一个脚本，根据容器大小和行大小进行一些简单的计算，以填充尽可能多的行，但我想避免这种解决方案，并尽可能使用开箱即用的东西。

我已经将 Material UI 中的材料表用于 React。当数据静态传递时，它会逐行显示，但是当我从 Web 服务中获取数据时，已经添加了行更新而不是追加新行。请帮忙。

eventRegistrationStudentsList 持有：