材料表导出下拉视图损坏

Question

我在使用 NextJs 项目中的 Material-Table 库时遇到问题。 除了显示非常小且空的下拉菜单且没有可见文本的导出按钮外，它在大部分情况下都可以正常工作。 “导出为 CSV”和“导出为 PDF”的选项仍然存在并且仍然有效，我能够 select 这些选项，因为一些填充使按钮几乎不可点击，但没有显示文本。 我遇到了一个 github 页面，其中提出了这个问题，但解决方案基本上说这是在补丁中解决的（显然这里不是这种情况）。

package.json 版本：

    "@material-ui/core": "^4.12.4",
    "@material-ui/icons": "^4.11.
    "jspdf": "^2.5.1",
    "jspdf-autotable": "^3.5.23",
    "material-table": "^1.63.0",

我所看到的：

下拉菜单中没有显示任何文本

如您所见，两个 li 元素都存在于检查器中

我期待看到的是：

要根据文档查看填充的下拉菜单..

我的代码是什么样的：

这些是我在 Material-Table 中的“选项”设置

我已经在网上搜索了一段时间并尝试了许多不同的黑客攻击，但似乎没有任何效果，如果有人对此有答案，我将不胜感激。

Answer 1

我遇到了同样的问题。 经过长时间的搜索，我找到了以下解决方案。 如下添加本地化属性。问题已为我解决。

options={{
      search: true,
      filtering: true,
      exportButton: true,
      sorting: true,
    }}
    localization={{
      toolbar: {
        showColumnsAriaLabel: "Show Columns",
        exportTitle: "Export",
        exportAriaLabel: "Export",
        exportName: "Export as CSV",
        exportCSVName: "Export as CSV",
        exportPDFName: "Export as PDF",
      },
    }}