TableContainer API

The API documentation of the TableContainer React component. Learn more about the props and the CSS customization points.

Import

import TableContainer from '@material-ui/core/TableContainer';
// or
import { TableContainer } from '@material-ui/core';

You can learn more about the difference by reading this guide.

Props

Name	Type	Default	Description
children	node		The table itself, normally <Table />
classes	object		Override or extend the styles applied to the component. See CSS API below for more details.
component	elementType	'div'	The component used for the root node. Either a string to use a DOM element or a component.

The ref is forwarded to the root element.

Any other props supplied will be provided to the root element (native element).

CSS

• Style sheet name: MuiTableContainer.
• Style sheet details:

Rule name	Global class	Description
root	.MuiTableContainer-root	Styles applied to the root element.

You can override the style of the component thanks to one of these customization points:

• With a rule name of the classes object prop.
• With a global class name.
• With a theme and an overrides property.

If that's not sufficient, you can check the implementation of the component for more detail.

Demos

• Tables