跳到主要內容跳到主要內容

表格API

React Table 組件的 API 參考文件。了解此匯出模組的 props、CSS 和其他 API。

示範

導入

import Table from '@mui/material/Table';
// or
import { Table } from '@mui/material';

閱讀這份關於最小化 bundle 大小的指南,以了解差異。

Props

原生組件的 props 也可用。

名稱類型預設描述
childrennode-

表格的內容,通常為 TableHeadTableBody

classesobject-

覆寫或擴展應用於組件的樣式。

請參閱下方 CSS 類別 API 以了解更多詳細資訊。

componentelementType-

用於根節點的組件。可以是 HTML 元素字串或組件。

padding'checkbox'
| 'none'
| 'normal'
'normal'

允許 TableCells 繼承表格的 padding。

size'medium'
| 'small'
| string
'medium'

允許 TableCells 繼承表格的 size。

stickyHeaderboolfalse

設定標題固定。

sxArray<func
| object
| bool>
| func
| object
-

允許定義系統覆寫以及其他 CSS 樣式的系統 prop。

請參閱 `sx` 頁面 以了解更多詳細資訊。

ref 會轉發到根元素。

主題預設 props

您可以使用 MuiTable 透過主題變更此組件的預設 props。

CSS 類別

這些類別名稱對於使用 CSS 設定樣式很有用。當特定狀態觸發時,它們會應用於組件的 slots。

類別名稱規則名稱描述
.MuiTable-rootroot應用於根元素的樣式。
.MuiTable-stickyHeaderstickyHeader如果 stickyHeader={true},則應用於根元素的樣式。

您可以使用以下其中一種自訂選項覆寫組件的樣式

原始碼

如果您在此頁面中找不到資訊,請考慮查看組件的實作以取得更多詳細資訊。