问题标签 [material-table]

即使没有数据或者即使我将使用条件来切换禁用/启用分页箭头，我如何设置分页箭头以启用

我需要更新表的计数，因为我从后端获取数据并且我正在使用服务器端分页技术，并且似乎总计数自动成为收到的总行数，除非我将其突变为总计数我从端点收到的，因为我每页收到一些数据

我有两组数据要在表数据中显示，因此根据要求，尝试使用不同的数据设置表数据的状态。

表组件：

以下是我要更改 tableData 状态的两个地方：

收到新道具后的另一个地方：

tableData 的初始状态为空。我第一次设置状态时没有问题，但是在更改状态时，出现以下错误

在路径中的调度之间检测到状态突变 partnerEvents.0.tableData。这可能会导致不正确的行为。( http://redux.js.org/docs/Troubleshooting.html#never-mutate-reducer-arguments )

不知道我的代码有什么问题，感谢您的帮助

我正在进行 GraphQL 查询以在我的 Material UI 表中加载数据。我希望它在滚动时加载更多数据。

数据已正确填充到表中，分页内容无法正常工作。

运行代码时我没有看到任何错误，但它没有在滚动时加载更多数据。由于堆栈溢出限制，我删除了一些不重要的代码，如果需要提供，请告诉我。非常感谢任何帮助。

我在material-table添加新行时进行了自己的验证，因此它避免了创建一个包含任何缺失字段的新行。问题是我试图阻止创建，但我希望该行不要关闭，而是将其保持在可编辑状态，用户写入的数据，所以它不会丢失。我有点解决保持行可编辑的问题，但是当它验证字段时，用户输入的所有数据都会重置。

我已经实现了一个带有过滤器的角度表，每列都有自己的过滤器，但是每个过滤器如何协同工作。

例如：我有一个表，其中每一列都有自己的过滤器：

就像这样：https ://stackblitz.com/edit/angular-hbakxo-e4njon?file=app%2Ftable-filtering-example.ts

id 和 name，如果我在这个多选选择器中选择 1、2、3 并在 name 列中提示 ah。它应该显示结果，它适合过滤器的输入。应该如何更改代码来处理？

我正在尝试在材料表中添加一行并且出现错误

提到的示例在材料表文档中

package.json

testingList.js

错误：

元素类型无效：应为字符串（用于内置组件）或类/函数（用于复合组件）但得到：未定义。您可能忘记从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。

检查MTableAction.

如果我删除 add 方法，则该功能按预期工作。

如果我删除icons={tableIcons}tableIcons 所在的行，它也可以正常工作

我正在尝试在我的项目中使用“材料表”。我的“图标”列包含图标名称。我需要通过从外部对话框中选择它来更改此图标。我在从外部对话框更新表数据时遇到问题。当我使用“输入”元素并更改图标名称时，它可以正常工作。

我不知道，如何通过我的对话实现这个结果。我创建了以下剪辑项目以详细显示我需要的内容：https ://codesandbox.io/embed/gifted-liskov-ih72m

当我通过文本更改图标名称并保存更改时 - 可以。更改已保存。当我通过从外部对话框中选择图标来更改图标并保存更改时 - 它不起作用。

我不知道，如何调用“SelectIconDilog”中的道具给出的“onChange”。

我有一个 Angular 7 材质项目，需要我在 Angular 材质表中显示汽车列表。这些汽车是从 asp.net 核心后端填充的。到目前为止，除了动态更改/删除汽车以及动态实施更改之外，一切都正常运行。本质上，我正在尝试刷新数据源。

我遵循了这个站点的一个例子=> Angular + Material - 如何刷新数据源（mat-table）但没有成功。

我哪里错了？

到目前为止，我尝试使用此代码刷新getAllCars()函数以及编辑和删除函数：

this.datasource.connect().next(res); 并尝试： this.carModels= new MatTableDataSource<Element>(this.carModels);

服务

TS文件

移除汽车

我正在使用材料表组件并使用stepped分页样式。它可以工作，但会产生一些控制台警告：

警告：列表中的每个孩子都应该有一个唯一的“关键”道具。

道具类型失败：提供给 ForwardRef(Button) 的值默认值的无效道具变体，应为 ["text","outlined","contained"] 之一。

我尝试使用与分页相关的各种其他选项，例如 pageSize、pageSizeOptions 和 showFirstLastPageButtons 来消除警告。

我在 React 应用程序中有一个 MaterialTable，我需要将列上的文本居中对齐，修复列上文本的字体大小。还需要固定 Actions 列的宽度，因为 actions 列和第一个数据列之间的空间似乎非常理想。

我努力了：

我需要将列上的文本居中对齐，设置文本的字体大小并修复 React Material Table 上操作列的宽度