材料表导出下拉视图损坏



我在NextJs项目中的Material-Table库遇到了麻烦。它工作良好的大部分,除了导出按钮,显示一个非常小的和空的下拉,没有文本可见。"导出为CSV"one_answers"导出为PDF"的选项仍然存在并且仍然工作,并且我能够选择由于一些填充使按钮几乎无法点击的选项,但没有显示文本。我遇到过一个github页面,其中提出了这个问题,但解决方案基本上说这是在补丁中解决的(这显然不是这里的情况)。

包。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

中的options设置我已经在网上搜索了一段时间,并尝试了许多不同的黑客,但似乎没有工作,如果有人有一个答案,这将是非常感激的。

我也面临同样的问题。经过长时间的寻找,我找到了下面的解决方案。如下所示添加本地化属性。这个问题已经为我解决了。

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",
},
}}

最新更新