mirror of
https://github.com/fosrl/pangolin.git
synced 2025-07-17 17:23:27 +02:00
fix table page size selector
This commit is contained in:
parent
3fa7132534
commit
d070415515
6 changed files with 10 additions and 11 deletions
|
@ -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,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
|
@ -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,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
|
@ -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,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
|
@ -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
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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: {
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue