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(),
onColumnFiltersChange: setColumnFilters,
getFilteredRowModel: getFilteredRowModel(),
state: {
initialState: {
sorting,
columnFilters,
pagination: {
pageSize: 100,
pageSize: 20,
pageIndex: 0,
},
},

View file

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

View file

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

View file

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

View file

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

View file

@ -25,7 +25,6 @@ export function DataTablePagination<TData>({
return (
<div className="flex items-center justify-between text-muted-foreground">
<div className="flex items-center space-x-2">
<p className="text-sm font-medium">Rows per page</p>
<Select
value={`${table.getState().pagination.pageSize}`}
onValueChange={(value) => {
@ -38,7 +37,7 @@ export function DataTablePagination<TData>({
/>
</SelectTrigger>
<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}`}>
{pageSize}
</SelectItem>