資料格線 - 已翻譯元件
資料格線允許支援來自不同地區設定的使用者，具有格式設定和本地化字串。
MUI X 的預設地區設定為英文（美國）。如果您想使用其他地區設定，請按照以下指示操作。
翻譯鍵
您可以使用 localeText 屬性傳入您自己的文字和翻譯。您可以在 來源 的 GitHub 儲存庫中找到所有支援的翻譯鍵。在以下範例中，密度選擇器的標籤已自訂。
按下 Enter 鍵開始編輯
地區設定文字
MUI X 的預設地區設定為英文（美國）。
您可以使用主題來設定地區設定文字
import { createTheme, ThemeProvider } from '@mui/material/styles';
import { DataGrid } from '@mui/x-data-grid';
import { bgBG } from '@mui/x-data-grid/locales';
// Or import { bgBG } from '@mui/x-data-grid-pro/locales';
// Or import { bgBG } from '@mui/x-data-grid-premium/locales';
const theme = createTheme(
{
palette: {
primary: { main: '#1976d2' },
},
},
bgBG,
);
<ThemeProvider theme={theme}>
<DataGrid />
</ThemeProvider>;
請注意，createTheme 接受任意數量的引數。如果您已經在使用核心元件的翻譯，您可以新增 bgBG 作為新的引數。相同的匯入適用於 Data Grid Pro，因為它是 Data Grid 的擴充功能。
import { createTheme, ThemeProvider } from '@mui/material/styles';
import { DataGrid } from '@mui/x-data-grid';
import { bgBG } from '@mui/x-data-grid/locales';
import { bgBG as pickersBgBG } from '@mui/x-date-pickers/locales';
import { bgBG as coreBgBG } from '@mui/material/locale';
const theme = createTheme(
{
palette: {
primary: { main: '#1976d2' },
},
},
bgBG, // x-data-grid translations
pickersBgBG, // x-date-pickers translations
coreBgBG, // core translations
);
<ThemeProvider theme={theme}>
<DataGrid />
</ThemeProvider>;
如果您想要將語言翻譯直接傳遞到資料格線，而無需使用 createTheme 和 ThemeProvider，您可以直接從 @mui/x-data-grid/locales 載入語言翻譯。
import { DataGrid } from '@mui/x-data-grid';
import { nlNL } from '@mui/x-data-grid/locales';
<DataGrid localeText={nlNL.components.MuiDataGrid.defaultProps.localeText} />;
支援的地區設定
| 地區設定 | BCP 47 語言標籤 | 匯入名稱 | 完成度 | 原始碼檔案 |
|---|---|---|---|---|
| 阿拉伯文（蘇丹） | ar-SD | arSD | 114/124 | 編輯 |
| 孟加拉文 | bn-BD | bnBD | 121/124 | 編輯 |
| 白俄羅斯文 | be-BY | beBY | 88/124 | 編輯 |
| 保加利亞文 | bg-BG | bgBG | 122/124 | 編輯 |
| 中文（香港） | zh-HK | zhHK | 完成 🎉 | 編輯 |
| 中文（簡體） | zh-CN | zhCN | 完成 🎉 | 編輯 |
| 中文（台灣） | zh-TW | zhTW | 完成 🎉 | 編輯 |
| 克羅埃西亞文 | hr-HR | hrHR | 122/124 | 編輯 |
| 捷克文 | cs-CZ | csCZ | 完成 🎉 | 編輯 |
| 丹麥文 | da-DK | daDK | 122/124 | 編輯 |
| 荷蘭文 | nl-NL | nlNL | 123/124 | 編輯 |
| 芬蘭文 | fi-FI | fiFI | 118/124 | 編輯 |
| 法文 | fr-FR | frFR | 122/124 | 編輯 |
| 德文 | de-DE | deDE | 123/124 | 編輯 |
| 希臘文 | el-GR | elGR | 114/124 | 編輯 |
| 希伯來文 | he-IL | heIL | 118/124 | 編輯 |
| 匈牙利文 | hu-HU | huHU | 123/124 | 編輯 |
| 冰島文 | is-IS | isIS | 114/124 | 編輯 |
| 義大利文 | it-IT | itIT | 122/124 | 編輯 |
| 日文 | ja-JP | jaJP | 122/124 | 編輯 |
| 韓文 | ko-KR | koKR | 123/124 | 編輯 |
| 挪威文（巴克摩） | nb-NO | nbNO | 118/124 | 編輯 |
| 挪威文（尼諾斯克） | nn-NO | nnNO | 118/124 | 編輯 |
| 波斯文 | fa-IR | faIR | 123/124 | 編輯 |
| 波蘭文 | pl-PL | plPL | 117/124 | 編輯 |
| 葡萄牙文 | pt-PT | ptPT | 123/124 | 編輯 |
| 葡萄牙文（巴西） | pt-BR | ptBR | 123/124 | 編輯 |
| 羅馬尼亞文 | ro-RO | roRO | 123/124 | 編輯 |
| 俄文 | ru-RU | ruRU | 123/124 | 編輯 |
| 斯洛伐克文 | sk-SK | skSK | 完成 🎉 | 編輯 |
| 西班牙文 | es-ES | esES | 123/124 | 編輯 |
| 瑞典文 | sv-SE | svSE | 122/124 | 編輯 |
| 土耳其文 | tr-TR | trTR | 123/124 | 編輯 |
| 烏克蘭文 | uk-UA | ukUA | 123/124 | 編輯 |
| 烏爾都文（巴基斯坦） | ur-PK | urPK | 123/124 | 編輯 |
| 越南文 | vi-VN | viVN | 122/124 | 編輯 |
您可以在 GitHub 儲存庫中找到來源。
若要建立您自己的翻譯或自訂英文文字，請將此檔案複製到您的專案，進行任何必要的變更，然後從那裡匯入地區設定。請注意，資料格線元件的這些翻譯取決於整個函式庫的 本地化策略。
RTL 支援
支援由右至左的語言，例如阿拉伯文、波斯文或希伯來文。請遵循本指南來使用它們。
以下範例示範如何將 RTL 語言（阿拉伯文）與資料格線一起使用。
按下 Enter 鍵開始編輯