Pular para o conteúdo

TableRow API

Documentação da API para o componente React TableRow . Aprenda sobre as propriedades disponíveis e a API CSS.

Importação

import TableRow from '@mui/material/TableRow';
// ou
import { TableRow } from '@mui/material';
Você pode aprender sobre a diferença lendo este guia sobre como minimizar o tamanho do pacote.

Will automatically set dynamic row height based on the material table element parent (head, body, etc).

Nome do componente

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

Propriedades

Propriedades do componente nativo também estão disponíveis.

NomeTipoPadrãoDescrição
childrennode
Should be valid <tr> children such as TableCell.
classesobject
Sobrescreve ou extende os estilos aplicados para o componente. Veja a API CSS abaixo para maiores detalhes.
componentelementType
The component used for the root node. Either a string to use a HTML element or a component.
hoverboolfalse
If true, the table row will shade on hover.
selectedboolfalse
If true, the table row will have the selected shading.
sxArray<func
| object
| bool>
| func
| object
The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.

O ref é encaminhado para o elemento raiz.

CSS

Nome da regraClasse globalDescrição
root.MuiTableRow-rootEstilos aplicados ao elemento raiz.
selected.Mui-selectedPseudo-class aplicada a o elemento raiz se selected={true}.
hover.MuiTableRow-hoverPseudo-class aplicada a o elemento raiz se hover={true}.
head.MuiTableRow-headEstilos aplicados para o elemento raiz se table variant="head".
footer.MuiTableRow-footerEstilos aplicados para o elemento raiz se table variant="footer".

Você pode sobrescrever o estilo do componente usando uma dessas opções de customização:

Demonstrações