mdc-data-table | Mandatory. The root DOM element containing table and other supporting elements. |
mdc-data-table--sticky-header | Optional. Modifier class name added to root element to make header row sticky (fixed) on vertical scroll. (Note: Sticky header feature is not compatible with IE11 browsers.) |
mdc-data-table__table-container | Mandatory. Container of Table element. Used for horizontal overflowing of table content. |
mdc-data-table__table | Mandatory. Table element. Added to table HTML tag. |
mdc-data-table__header-row | Mandatory. Table header row element. Added to thead > tr HTML tag. |
mdc-data-table__header-cell | Mandatory. Table header cell element. Added to thead > tr > th HTML tag. |
mdc-data-table__header-cell--checkbox | Optional. Table header cell element that contains mdc-checkbox. Added to thead > tr > th HTML tag. |
mdc-data-table__header-cell--numeric | Optional. Table header cell element that maps to numeric cells. Added to thead > tr > th HTML tag. |
mdc-data-table__content | Mandatory. Table body element. Added to tbody HTML tag. |
mdc-data-table__row | Mandatory. Table row element. Added to tbody > tr HTML tag. |
mdc-data-table__cell | Mandatory. Table cell element. Added to tbody > tr > td HTML tag. |
mdc-data-table__cell--numeric | Optional. Table cell element that contains numeric data. Added to tbody > tr > td HTML tag. |
mdc-data-table__cell--checkbox | Optional. Table cell element that contains mdc-checkbox. Added to thead> th > td:first-child HTML tag. |
mdc-data-table__header-row-checkbox | Optional. Checkbox element rendered inside table header row element. Add this class name to mdc-checkbox element to override styles required for data-table. |
mdc-data-table__row-checkbox | Optional. Checkbox element rendered inside table row element. Add this class name to mdc-checkbox element to override styles required for data-table. |
mdc-data-table__row--selected | Optional. Modifier class added to mdc-data-table__row when table row is selected. |
mdc-data-table__header-cell--sorted | Optional. Modifier class added to header cell element if column is sorted. |
mdc-data-table__header-cell--sorted-descending | Optional. Modifier class added to header cell element if column is sorted in descending order. |
mdc-data-table__header-cell--with-sort | Optional. Modifier class added to header cell element if column supports sorting. |
mdc-data-table__header-cell-wrapper | Mandatory. Container of header cell label and sort button, used to align header cell in center. |
mdc-data-table__sort-icon-button | Optional. Class name added to icon button used as sort icon button. This is sibling to header cell label. |
mdc-data-table__header-cell-label | Mandatory. Class name added to header cell label. Child to header cell wrapper element. |
mdc-data-table__sort-status-label | Optional. Class name added to sort status label which is visually hidden. Only visible to screen reader users. |
mdc-data-table__pagination | Root element of pagination. Pagination block element is rendered as immediate child to data table root element. |
mdc-data-table__pagination-trailing | Immediate child of pagination. Used to wrap pagination content. |
mdc-data-table__pagination-rows-per-page | Container of rows per page label and rows per page select. |
mdc-data-table__pagination-rows-per-page-select | Class name added to select component used for changing rows per page (page size). |
mdc-data-table__pagination-navigation | Block element containing all icon buttons used to navigate between data table pages. |
mdc-data-table__pagination-button | Class name added to icon button component used to navigate between data table pages. |
mdc-data-table__progress-indicator | Block element rendered as immediate child to data table root element. Contains linear progress and scrim blocking the data table content. |
mdc-data-table__scrim | Element blocking data table content. Rendered inside progress indicator root element. |
mdc-data-table__linear-progress | Class name added to linear progress component. Rendered inside progress indicator root element. |