tanstack-shadcn-table
Version:
A powerful, feature-rich React table component built on top of TanStack Table v8 with shadcn/ui styling. Optimized bundle size with 55% reduction through peer dependencies.
35 lines (34 loc) • 1.38 kB
TypeScript
import { PaginationOptions } from "../types/types";
import { TableTranslations } from "../lib/i18n";
type Props = {
totalPages: number;
currentPage: number;
canPreviousPage: boolean;
canNextPage: boolean;
onPrevious: () => void;
onNext: () => void;
onSetPage: (page: number) => void;
className?: string;
mode?: "default" | "compact" | "advanced";
maxVisiblePages?: number;
translations?: TableTranslations;
};
export default function Pagination({ onNext, onPrevious, onSetPage, canNextPage, canPreviousPage, totalPages, currentPage, className, mode, maxVisiblePages, translations, }: Props): import("react/jsx-runtime").JSX.Element;
type GoToPageProps = {
totalPages: number;
currentPage: number;
onSetPage: (page: number) => void;
className?: string;
label?: string;
translations?: TableTranslations;
};
export declare function GoToPage({ currentPage, onSetPage, totalPages, className, label, translations, }: GoToPageProps): import("react/jsx-runtime").JSX.Element;
export declare function PageSize({ pageSize, className, onSetPageSize, pagination, label, translations, }: {
onSetPageSize: (size: number) => void;
pageSize: number;
className?: string;
pagination: PaginationOptions;
label?: string;
translations?: TableTranslations;
}): import("react/jsx-runtime").JSX.Element;
export {};