TableRow

Overview

TableRow is used to place the content of the tables that is the data. Furthermore, it can get or set the vertical alignment of the contents in the row.

Please refer to this for more information: https://mui.com/material-ui/api/table-row/.

Import

CODE

import { TableContainer, Table, TableHead, TableRow } from '@mui/material';

The above source will be imported automatically after dragging and dropping the Basic Component to the UI Preview Panel.

Property

Property:

Name	Default	Description
Id-name	Placeholder: <id-name>	The Id-name of the created component.
State	State: Normal	The State of the created Component.
Size	Size Unit: Px	The component Size of Width and Height with many selectable Size Units.
Text	Font-family: None Size Unit: Px Font-weight: None Text-align: Left	The component text includes Text, Font-family, Font-size, Font-weight, Size Unit, Font-color, Text-align.
General	Visibility: None Text Field: False Checkbox: False Cursor: None	The component General includes Visibility, Text Field, Cursor, Checkbox, and Background.
Advanced Style		The component Advanced Style includes Classname and Inline Style addition.

Code Sample:

CODE

 <TableRow
                    selected={true}
                    sx={{
                      ':active': {
                        'height': '150px',
                        'cursor': 'pointer',
                        'backgroundColor': '#ff0000ff',},}}>
 </TableRow>

Related Components