问题标签 [material-table]

我正在使用材料表库：https ://material-table.com/#/

我创建了一个可重用的组件，所以我创建了一个包含一列和一个数据的表。我设置了版本和更新。但是，我发现自己必须在 BACK 中管理用户输入的数据的验证。我想设置与表单相同的系统，并使用像 yup 这样的验证方案。

这是代码：

我正在为一个项目使用材料表。我有一个场景，我需要有条件地在单个列中呈现和编辑多个字段。

这是场景

此处渲染和编辑组件正确显示。但是由于该字段是'fixed'点数和百分比的值并没有改变，因为 onChange 适用于fixed即使列中的任何其他值发生了变化。

我怎样才能解决这个问题？任何帮助，将不胜感激。谢谢

我正在使用 ReactJs 处理材料表，我需要列标题上的文本“Actions”才能用其他文本或任何其他图标覆盖该操作

请需要你们帮助来实现它

例子

实际 - 名字 | 姓氏 | 行动

需要 - 名字 | 姓氏 | 其他文本或图标（用于操作）

const actions = [ { icon: "edit", tooltip: "Edit Order" } ];

};

在材料表行可以通过点击右上角的 + 图标添加。我想将屏幕底部的那个图标替换为“添加”按钮。但是 material-table 接受图标对象并且没有其他道具可以做到这一点。有什么办法可以做到吗？我正在使用材料表可编辑功能https://material-table.com/#/docs/features/editable

我希望能够将新数据添加到我的表中，并且还有一个操作按钮。我需要覆盖操作字段并使用一个按钮，因为我希望它打开一个材质 UI 菜单。但是，在覆盖时，它还会替换 Edittable onRowAdd 功能附带的添加按钮。您可以通过在此处的“操作覆盖示例”代码窗口中粘贴以下代码来复制问题： https ://material-table.com/#/docs/features/component-overriding

您可以在“可编辑示例”中看到添加按钮： https ://material-table.com/#/docs/features/editable

我正在使用材料表，我想知道是否有任何方法可以调整此表的宽度。我有一个只有两列的表格，我无法让它遍布整个屏幕。尝试如下没有结果。

对我来说扩展表格宽度的唯一方法如下。有什么建议么！！！先谢谢了。。

我使用的材料表库是一个基于 Material-UI 表的数据表。

数据表具有可编辑的属性并在同一个表中添加一条新记录，但我不想在同一个表中执行此操作。

我需要使用一个按钮，因为我希望它打开一个材质 UI 菜单。但是，我不知道如何添加链接或类似的东西。

我用下面的代码片段尝试了它，但它告诉我 Link 没有定义，即使它确实很重要

我想完成这样的事情

我尝试将组件作为数据添加到材料表中，但我无法访问组件的“this”上下文以更新 onChange 函数中的状态。材料表提供的可编辑功能不符合我的要求。

我正在自定义 mbrn/material-table 的 groupRow，但我没有找到任何文件。

https://material-table.com/#/docs/features/grouping

到目前为止，我设法使 groupRow 及其工作正常。但是现在我不知道如何在扩展 groupRow 时呈现表格行。

我尝试使用MTableBody但记录未显示

这就是我的代码的样子。我很困惑，我不知道让它工作缺少什么

CodeSandBox：https ://codesandbox.io/s/festive-bell-5d76e

我正在尝试在 Typescript 项目下运行react-material 。

由于我是 Typescript 的新手，我遇到了一些错误，我不知道如何解决它们。

在这个客人中，我正在尝试创建一个可重用的 React 组件。（请打开客人查看完整代码）

正如我所说，上面的示例显示了一些错误，这是 homePage 第 48 行中的示例：

为什么这个数组显示错误？

尽管接口明确定义了类型接受字符串：

如果有人知道如何完成这项工作，那将会很有帮助。