Table API

API documentation for the React Table component. Learn about the available props, and the CSS API.

Import

import Table from '@material-ui/core/Table';
// 或
import { Table } from '@material-ui/core';

The name MuiTable can be used when providing default props or style overrides in the theme.

名称	类型	默认值	描述
children	node		The content of the table, normally `TableHead` and `TableBody`.
classes	object		Override or extend the styles applied to the component. See CSS API below for more details.
component	elementType		The component used for the root node. Either a string to use a HTML element or a component.
padding	'checkbox' \| 'none' \| 'normal'	'normal'	Allows TableCells to inherit padding of the Table.
size	'medium' \| 'small' \| string	'medium'	Allows TableCells to inherit size of the Table.
stickyHeader	bool	false	Set the header sticky. ⚠️ It doesn't work with IE11.
sx	object

ref 则会被传递到根元素中。
Any other props supplied will be provided to the root element (native element).

Rule name	Global class	描述
root	.MuiTable-root	Styles applied to the root element.
stickyHeader	.MuiTable-stickyHeader	Styles applied to the root element if `stickyHeader={true}`.

You can override the style of the component using one of these customization options:

With a global class name.
With a rule name as part of the component's styleOverrides property in a custom theme.