材料表導出下拉視圖損壞

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