TableCell

Overview

TableCell is a flow content element that defines a cell of content within a Table and is used to place the content of the tables, that is, the data.

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

Import

CODE

import { TableContainer, Table, TableHead, TableCell } 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

<TableCell
             sx={{':active': {'width': '150px','height': '200px',
                      'fontFamily': 'Noto-Sans','fontSize': '15px','fontWeight': 'lighter',
                      'color': '#ff0000ff','textAlign': 'center',
                      'visibility': 'hidden',
                      'cursor': 'pointer',
                      'backgroundColor': '#ff0000ff', },}}
                  label="Text"
                  textField={true}
                  checkbox={true}>
</TableCell>

Related Components