TableHead

Overview

TableHead defines a cell as the header of a group of table cells and group header content in an HTML table. Furthermore, TableHead is used to identify one or more table rows containing column labels rather than table data.

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

Import

CODE

import { TableContainer, Table, TableHead } 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 Height with many selectable Size Units.
General		The component General includes Background.
Advanced Style		The component Advanced Style includes Classname and Inline Style addition.

Code Sample:

CODE

 <TableHead
         sx={{':hover': { 'height': '125px', 'backgroundColor': '#fc0000ff' },}}>
</TableHead>

Related Components