Table
Overview
A Table is a method for organizing information or data, typically in rows and columns but sometimes in more complicated arrangements. In IDE, Table contains a lot of API Components such as TableHead, TableBody, TableRow, TableCell.
Please refer to this for more information: https://mui.com/material-ui/react-table/.
Import
import { TableContainer, Table } 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 | Sticky-header: false | The component General includes Sticky-header. |
Advanced Style | The component Advanced Style includes Classname and Inline Style addition. |
Code Sample:
<Table sx={{ ':hover': { 'height': '150px' } }} stickyHeader={true}></Table>Related Components