表格API
React Table 組件的 API 參考文件。了解此匯出模組的 props、CSS 和其他 API。
示範
導入
import Table from '@mui/material/Table';
// or
import { Table } from '@mui/material';
閱讀這份關於最小化 bundle 大小的指南,以了解差異。
原生組件的 props 也可用。
名稱 | 類型 | 預設 | 描述 |
---|---|---|---|
children | node | - | 表格的內容,通常為 |
classes | object | - | 覆寫或擴展應用於組件的樣式。 請參閱下方 CSS 類別 API 以了解更多詳細資訊。 |
component | elementType | - | 用於根節點的組件。可以是 HTML 元素字串或組件。 |
padding | 'checkbox' | 'none' | 'normal' | 'normal' | 允許 TableCells 繼承表格的 padding。 |
size | 'medium' | 'small' | string | 'medium' | 允許 TableCells 繼承表格的 size。 |
stickyHeader | bool | false | 設定標題固定。 |
sx | Array<func | object | bool> | func | object | - | 允許定義系統覆寫以及其他 CSS 樣式的系統 prop。 請參閱 `sx` 頁面 以了解更多詳細資訊。 |
ref
會轉發到根元素。主題預設 props
您可以使用 MuiTable
透過主題變更此組件的預設 props。
這些類別名稱對於使用 CSS 設定樣式很有用。當特定狀態觸發時,它們會應用於組件的 slots。
類別名稱 | 規則名稱 | 描述 |
---|---|---|
.MuiTable-root | root | 應用於根元素的樣式。 |
.MuiTable-stickyHeader | stickyHeader | 如果 stickyHeader={true} ,則應用於根元素的樣式。 |
您可以使用以下其中一種自訂選項覆寫組件的樣式
- 使用 全域類別名稱。
- 在自訂主題中使用規則名稱作為組件的
styleOverrides
屬性一部分。
原始碼
如果您在此頁面中找不到資訊,請考慮查看組件的實作以取得更多詳細資訊。