data-table-material
Version:
A dynamic and customizable table component for React, built with Material UI & TypeScript.
36 lines (35 loc) • 1.36 kB
TypeScript
import { IDataTable } from '../types';
interface IProps {
paginationData: IDataTable.Pagination;
onChangePaginationData: (data: Partial<IDataTable.Pagination>) => void;
getLocalizedText?: IDataTable.Props<object>["getLocalizedText"];
hideRowsPerPage?: boolean;
}
/**
* CustomPagination component provides pagination controls for a table.
*
* @component
* @param {Object} props - The properties object.
* @param {Object} props.paginationData - The pagination data.
* @param {number} props.paginationData.pageNo - The current page number.
* @param {number} props.paginationData.pageSize - The number of records per page.
* @param {number} props.paginationData.totalRecords - The total number of records.
* @param {function} props.onChangePaginationData - Callback function to handle pagination data changes.
*
* @example
* const paginationData = {
* pageNo: 1,
* pageSize: 10,
* totalRecords: 100
* };
* const handlePaginationChange = (newPaginationData) => {
* console.log(newPaginationData);
* };
*
* <CustomPagination
* paginationData={paginationData}
* onChangePaginationData={handlePaginationChange}
* />
*/
declare const CustomPagination: ({ paginationData, onChangePaginationData, getLocalizedText, hideRowsPerPage, }: IProps) => import("react/jsx-runtime").JSX.Element;
export default CustomPagination;