- Source:
Methods
(static) LinesTable(linesValues, columnsName, rowsPerPage) → {React.Component}
A component that renders the rows of a table based on the provided data.
It includes pagination functionality and displays only a subset of rows per page.
Each cell value is rendered based on its type and format.
Parameters:
Name | Type | Description |
---|---|---|
linesValues |
Array.<Object> | The data to be displayed in the table rows. |
columnsName |
Array.<{dataKey: string}> | Array of objects representing the columns and their respective data keys. |
rowsPerPage |
number | Number of rows to display per page. |
- Source:
Returns:
A React component representing the table rows with pagination.
- Type
- React.Component
(static) NumberRowSelector(rowsPerPage, setRowsPerPage) → {React.Component}
A component that allows users to select the number of rows to be displayed per page in a table.
It provides a dropdown menu for the user to choose from predefined options (10, 25, 50, 100).
Parameters:
Name | Type | Description |
---|---|---|
rowsPerPage |
number | The current number of rows per page. |
setRowsPerPage |
function | The callback function to set the number of rows per page. |
- Source:
Returns:
A React component representing a row count selector for a table.
- Type
- React.Component
(static) Pagination(totalPages, currentPage, goToPage, goToNextPage, goToPrevPage) → {React.Component}
A pagination component that displays page buttons based on the total number of pages
and the current page. It allows navigation to a specific page, next page, previous page,
and also handles scenarios where the total pages exceed a maximum button count.
Parameters:
Name | Type | Description |
---|---|---|
totalPages |
number | The total number of pages. |
currentPage |
number | The current active page. |
goToPage |
function | Callback function to navigate to a specific page. |
goToNextPage |
function | Callback function to navigate to the next page. |
goToPrevPage |
function | Callback function to navigate to the previous page. |
- Source:
Returns:
A React component for pagination controls.
- Type
- React.Component