UNPKG

data-table-material

Version:

A dynamic and customizable table component for React, built with Material UI & TypeScript.

36 lines (35 loc) 1.36 kB
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;