问题标签 [mui-datatable]

一段时间以来，我一直在尝试将 mui-datatable 与 aws 一起使用，这对于查询和突变之类的事情效果很好。我最近尝试实现订阅，但遇到了很多问题，希望这里有人能够帮助我。问题基本上是当我执行突变时，表格不会改变，但是如果我在执行突变的字段中输入另一个值，表格就会更新。这是执行突变的类

添加记录.js

以及列出数据的类

ListRecords.js

谢谢你的帮助。

我想自定义 mui-datatble 中的行帽数据，如果我在选项中选择是，背景颜色应该是红色，如果我说否，背景颜色应该是蓝色。我第一次使用mui-datatable。

我无法使用 customRowRender 或 customRender。我们如何在 mui-datatable 中使用它

我需要覆盖MUIDataTable. 我目前基本上能够覆盖除此之外的所有其他内容。

通过调试器视图，我已经尝试了很多，似乎无法触及这个图标。

这就是我目前正在尝试调用的内容

我在覆盖范围内也有这个调用 -

排序图标当前是默认颜色（黑色），因为此代码对图标的样式没有任何作用。 在此处输入图像描述

更新解决方法：这不满足覆盖但在样式中调用-

'@global': { 'div > span > svg > path': { fill: '#eee' },

},

我似乎无法覆盖 MUIDatatable 的这个特定部分的样式。

我不确定如何打这个电话，并且是反应/材料 UI 的新手。

它所在的代码块是输入。我可以通过这样做来覆盖这个特定输入的文本

结果将是我能够修改搜索的焦点颜色和输入行的默认非焦点颜色。

这是我需要样式的地方：

我想在 mui Datatables 中添加多语言选项。我可以更改翻译，但是当我想更改语言时，我尝试为另一个对象提供其他翻译（如果我执行控制台日志，则此对象可以看到更改）但标签文本没有更改。

我使用 contextProvider 更改所选语言，然后获取带有翻译的特定字典。

是一个类组件，所以我用正确的提供者做了一个静态的 contextType。

有没有可能用其他选项或类似的东西重新渲染元素？

是否可以在 MUI 数据表标题旁边添加一个按钮？

就像是：

使用上面的代码，标题为空。

我想要实现的是与此类似的东西：

我创建了一个最小的示例沙箱来显示问题/错误

重现步骤：

• 转到此链接
• 转到第 2 页
• 点击页面顶部的按钮

发生的事情是我们rowsPerPage是 2，但我们最初有 4 行，所以我们有 2 页。

当我们导航到第二页（显示第 3 行和第 4 行）时，到目前为止一切都很好，但是当我们将表数据更改为仅包含 2 行的数组时，表会重新渲染但仍显示第二页（这是空的，因为我们newData只有 2 行，我们rowsPerPage是 2）。

此时，您必须单击左箭头才能转到您将看到的页面newData

我希望我足够清楚，我该如何解决这个问题？

每次按下按钮时，我都想在 mui-datatable 中添加一个新列。然而，数据表似乎并没有呈现它。但是，如果我单击添加列按钮，然后选择下拉列表，则会出现新列。此外，选定的下拉值似乎也没有反映出来。我已将问题缩小到使用 const [columns,setColumns] = useState(...) 列，但没有它，我根本无法动态添加任何新列。感谢任何帮助让我摆脱这个泡菜，谢谢。

https://codesandbox.io/s/unruffled-sun-g77xc

我有以下问题：当我在 deleteRows 函数中打印 shells 变量的值时，它会打印一个空对象，但是当我在外面打印它（第一个 console.log）时，它会正确打印数组。这是关于什么的？我通过删除一个值来调用该函数。

我尝试制作箭头函数，如您在代码中看到的那样。

如何在 Mui-Datatables 中上传 CSV 文件并在表格中显示？我是 Mui-Datatable 的新手