diff --git a/packages/material-ui/src/TableBody/TableBody.js b/packages/material-ui/src/TableBody/TableBody.js index a73144da7f5a59..5090d85434632c 100644 --- a/packages/material-ui/src/TableBody/TableBody.js +++ b/packages/material-ui/src/TableBody/TableBody.js @@ -3,7 +3,7 @@ import PropTypes from 'prop-types'; import classNames from 'classnames'; import withStyles from '../styles/withStyles'; -const styles = { +export const styles = { root: { display: 'table-row-group', }, diff --git a/packages/material-ui/src/TableFooter/TableFooter.js b/packages/material-ui/src/TableFooter/TableFooter.js index 7466ab2e564468..9754ebcfd68bfb 100644 --- a/packages/material-ui/src/TableFooter/TableFooter.js +++ b/packages/material-ui/src/TableFooter/TableFooter.js @@ -3,7 +3,7 @@ import PropTypes from 'prop-types'; import classNames from 'classnames'; import withStyles from '../styles/withStyles'; -const styles = { +export const styles = { root: { display: 'table-footer-group', }, diff --git a/packages/material-ui/src/TableHead/TableHead.js b/packages/material-ui/src/TableHead/TableHead.js index f61498b167f3bf..fbd9e92cb623dd 100644 --- a/packages/material-ui/src/TableHead/TableHead.js +++ b/packages/material-ui/src/TableHead/TableHead.js @@ -3,7 +3,7 @@ import PropTypes from 'prop-types'; import classNames from 'classnames'; import withStyles from '../styles/withStyles'; -const styles = { +export const styles = { root: { display: 'table-header-group', }, diff --git a/pages/api/table-body.md b/pages/api/table-body.md index f086ca6919a91a..5dfdbcabb0e845 100644 --- a/pages/api/table-body.md +++ b/pages/api/table-body.md @@ -21,6 +21,20 @@ title: TableBody API Any other properties supplied will be spread to the root element (native element). +## CSS API + +You can override all the class names injected by Material-UI thanks to the `classes` property. +This property accepts the following keys: +- `root` + +Have a look at [overriding with classes](/customization/overrides#overriding-with-classes) section +and the [implementation of the component](https://github.com/mui-org/material-ui/tree/master/packages/material-ui/src/TableBody/TableBody.js) +for more detail. + +If using the `overrides` key of the theme as documented +[here](/customization/themes#customizing-all-instances-of-a-component-type), +you need to use the following style sheet name: `MuiTableBody`. + ## Demos - [Tables](/demos/tables) diff --git a/pages/api/table-footer.md b/pages/api/table-footer.md index 7b3d9e03ae48c4..13902d1c4a9b7d 100644 --- a/pages/api/table-footer.md +++ b/pages/api/table-footer.md @@ -21,6 +21,20 @@ title: TableFooter API Any other properties supplied will be spread to the root element (native element). +## CSS API + +You can override all the class names injected by Material-UI thanks to the `classes` property. +This property accepts the following keys: +- `root` + +Have a look at [overriding with classes](/customization/overrides#overriding-with-classes) section +and the [implementation of the component](https://github.com/mui-org/material-ui/tree/master/packages/material-ui/src/TableFooter/TableFooter.js) +for more detail. + +If using the `overrides` key of the theme as documented +[here](/customization/themes#customizing-all-instances-of-a-component-type), +you need to use the following style sheet name: `MuiTableFooter`. + ## Demos - [Tables](/demos/tables) diff --git a/pages/api/table-head.md b/pages/api/table-head.md index 805ac733a1a85e..0e81db8eb0d86b 100644 --- a/pages/api/table-head.md +++ b/pages/api/table-head.md @@ -21,6 +21,20 @@ title: TableHead API Any other properties supplied will be spread to the root element (native element). +## CSS API + +You can override all the class names injected by Material-UI thanks to the `classes` property. +This property accepts the following keys: +- `root` + +Have a look at [overriding with classes](/customization/overrides#overriding-with-classes) section +and the [implementation of the component](https://github.com/mui-org/material-ui/tree/master/packages/material-ui/src/TableHead/TableHead.js) +for more detail. + +If using the `overrides` key of the theme as documented +[here](/customization/themes#customizing-all-instances-of-a-component-type), +you need to use the following style sheet name: `MuiTableHead`. + ## Demos - [Tables](/demos/tables)