Resume
/
subman-nextjs
2
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

enable row selection

This commit is contained in:
andrzej 2024-06-27 16:08:14 +02:00
parent 9bf60c2282
commit 7a2d536318
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
prisma/dev.db
View File

Binary file not shown.

7
src/app/ui/tables/data-table.tsx
View File

@ -26,7 +26,7 @@ import {
getFilteredRowModel,
getCoreRowModel,
getPaginationRowModel,
useReactTable,
useReactTable
} from "@tanstack/react-table"
import {
@ -63,6 +63,8 @@ export function DataTable<TData, TValue>({
const table = useReactTable({
data,
columns,
enableRowSelection: true,
enableMultiRowSelection: true,
getCoreRowModel: getCoreRowModel(),
getPaginationRowModel: getPaginationRowModel(),
onSortingChange: setSorting,
@ -74,7 +76,7 @@ export function DataTable<TData, TValue>({
sorting,
columnFilters,
columnVisibility,
},
}
})
const pathname = usePathname()
const [filterBy, setFilterBy] = useState(table.getAllColumns()[0])
@ -174,6 +176,7 @@ export function DataTable<TData, TValue>({
key={row.id}
data-state={row.getIsSelected() && "selected"}
tabIndex={0}
onClick={() => row.toggleSelected()}
>
{row.getVisibleCells().map((cell) => (
<TableCell key={cell.id}>