Enable customization of CatalogTable pagination

Signed-off-by: Tyler Davis <tylerd@canva.com>
This commit is contained in:
Tyler Davis
2024-11-08 19:46:03 +11:00
parent b2070f3eee
commit a4647dfa73
2 changed files with 3 additions and 2 deletions
@@ -39,9 +39,9 @@ export function CursorPaginatedCatalogTable(props: PaginatedCatalogTableProps) {
columns={columns}
data={data}
options={{
paginationPosition: 'both',
...options,
// These settings are configured to force server side pagination
paginationPosition: 'both',
pageSizeOptions: [],
showFirstLastPageButtons: false,
pageSize: Number.MAX_SAFE_INTEGER,
@@ -29,7 +29,7 @@ import {
export function OffsetPaginatedCatalogTable(
props: TableProps<CatalogTableRow>,
) {
const { columns, data, isLoading } = props;
const { columns, data, isLoading, options } = props;
const { updateFilters, setLimit, setOffset, limit, totalItems, offset } =
useEntityList();
const [page, setPage] = React.useState(
@@ -53,6 +53,7 @@ export function OffsetPaginatedCatalogTable(
pageSizeOptions: [5, 10, 20, 50, 100],
pageSize: limit,
emptyRowsWhenPaging: false,
...options,
}}
onSearchChange={(searchText: string) =>
updateFilters({