Skip to content

TableContainer API

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


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.


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).


  • 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:

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