TablePagination
Overview
TablePagination represents the component to change with the Table page.
Please refer to this for more information: https://mui.com/material-ui/api/table-pagination/.
Import
import { TableContainer, TablePagination } 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. |
Padding | Size Unit: Px | The component Padding with many selectable Size Units. |
Size | Size Unit: Px | The component Size of Height with many selectable Size Units. |
General | Firstbutton: False Lastbutton: False Count: 10 Page: 0 RowPerPage: 10 Visibility: None | The component General includes Firstbutton, Lastbutton, Count, OnPageChange, Page, LabelRowsPerPage, RowsPerPage, Visibility, and Background. |
Advanced Style | The component Advanced Style includes Classname and Inline Style addition. |
Code Sample:
<TablePagination
id="TablePagination1"
count={5}
rowsPerPage={1}
page={1}
onPageChange={() => {}}
sx={{':active': {'padding': '15px 15px 20px 20px','height': '150px',
'visibility': 'visible','backgroundColor': '#910000ff',},}}
showFirstButton={true}
showLastButton={true}
labelRowsPerPage="Label1">
</TablePagination>
Related Component