fix table page size selector

This commit is contained in:
Milo Schwartz 2025-02-05 21:53:30 -05:00
parent 3fa7132534
commit d070415515
No known key found for this signature in database
6 changed files with 10 additions and 11 deletions

View file

@ -49,11 +49,11 @@ export function RolesDataTable<TData, TValue>({
getSortedRowModel: getSortedRowModel(), getSortedRowModel: getSortedRowModel(),
onColumnFiltersChange: setColumnFilters, onColumnFiltersChange: setColumnFilters,
getFilteredRowModel: getFilteredRowModel(), getFilteredRowModel: getFilteredRowModel(),
state: { initialState: {
sorting, sorting,
columnFilters, columnFilters,
pagination: { pagination: {
pageSize: 100, pageSize: 20,
pageIndex: 0, pageIndex: 0,
}, },
}, },

View file

@ -49,11 +49,11 @@ export function UsersDataTable<TData, TValue>({
getSortedRowModel: getSortedRowModel(), getSortedRowModel: getSortedRowModel(),
onColumnFiltersChange: setColumnFilters, onColumnFiltersChange: setColumnFilters,
getFilteredRowModel: getFilteredRowModel(), getFilteredRowModel: getFilteredRowModel(),
state: { initialState: {
sorting, sorting,
columnFilters, columnFilters,
pagination: { pagination: {
pageSize: 100, pageSize: 20,
pageIndex: 0, pageIndex: 0,
}, },
}, },

View file

@ -50,11 +50,11 @@ export function ResourcesDataTable<TData, TValue>({
getSortedRowModel: getSortedRowModel(), getSortedRowModel: getSortedRowModel(),
onColumnFiltersChange: setColumnFilters, onColumnFiltersChange: setColumnFilters,
getFilteredRowModel: getFilteredRowModel(), getFilteredRowModel: getFilteredRowModel(),
state: { initialState: {
sorting, sorting,
columnFilters, columnFilters,
pagination: { pagination: {
pageSize: 100, pageSize: 20,
pageIndex: 0, pageIndex: 0,
}, },
}, },

View file

@ -50,11 +50,11 @@ export function ShareLinksDataTable<TData, TValue>({
getSortedRowModel: getSortedRowModel(), getSortedRowModel: getSortedRowModel(),
onColumnFiltersChange: setColumnFilters, onColumnFiltersChange: setColumnFilters,
getFilteredRowModel: getFilteredRowModel(), getFilteredRowModel: getFilteredRowModel(),
state: { initialState: {
sorting, sorting,
columnFilters, columnFilters,
pagination: { pagination: {
pageSize: 100, pageSize: 20,
pageIndex: 0 pageIndex: 0
} }
} }

View file

@ -50,7 +50,7 @@ export function SitesDataTable<TData, TValue>({
getSortedRowModel: getSortedRowModel(), getSortedRowModel: getSortedRowModel(),
onColumnFiltersChange: setColumnFilters, onColumnFiltersChange: setColumnFilters,
getFilteredRowModel: getFilteredRowModel(), getFilteredRowModel: getFilteredRowModel(),
state: { initialState: {
sorting, sorting,
columnFilters, columnFilters,
pagination: { pagination: {

View file

@ -25,7 +25,6 @@ export function DataTablePagination<TData>({
return ( return (
<div className="flex items-center justify-between text-muted-foreground"> <div className="flex items-center justify-between text-muted-foreground">
<div className="flex items-center space-x-2"> <div className="flex items-center space-x-2">
<p className="text-sm font-medium">Rows per page</p>
<Select <Select
value={`${table.getState().pagination.pageSize}`} value={`${table.getState().pagination.pageSize}`}
onValueChange={(value) => { onValueChange={(value) => {
@ -38,7 +37,7 @@ export function DataTablePagination<TData>({
/> />
</SelectTrigger> </SelectTrigger>
<SelectContent side="top"> <SelectContent side="top">
{[10, 20, 30, 40, 50, 100, 200].map((pageSize) => ( {[10, 20, 30, 40, 50, 100].map((pageSize) => (
<SelectItem key={pageSize} value={`${pageSize}`}> <SelectItem key={pageSize} value={`${pageSize}`}>
{pageSize} {pageSize}
</SelectItem> </SelectItem>