Open ghost opened 1 year ago
you have
const table = useReactTable({ defaultData, columns, state: { columnPinning, }
try this instead:
const table = useReactTable({ data:defaultData, columns, state: { columnPinning, },
I have the same issue, did you find a solution?
I have faced the same issue earlier and answer by nick-tw worked. Thanks
Describe the bug
Cannot read properties of undefined (reading 'rows') with basic example on github
const defaultData = [ { firstName: "tanner", lastName: "linsley", age: 24, visits: 100, status: "In Relationship", progress: 50, }, { firstName: "tandy", lastName: "miller", age: 40, visits: 40, status: "Single", progress: 80, }, { firstName: "joe", lastName: "dirte", age: 45, visits: 20, status: "Complicated", progress: 10, }, ];
const columns = [ columnHelper.accessor("firstName", { cell: (info) => info.getValue(), footer: (info) => info.column.id, }), columnHelper.accessor((row) => row.lastName, { id: "lastName", cell: (info) => {info.getValue()}, header: () => Last Name, footer: (info) => info.column.id, }), columnHelper.accessor("age", { header: () => "Age", cell: (info) => info.renderValue(), footer: (info) => info.column.id, }), columnHelper.accessor("visits", { header: () => Visits, footer: (info) => info.column.id, }), columnHelper.accessor("status", { header: "Status", footer: (info) => info.column.id, }), columnHelper.accessor("progress", { header: "Profile Progress", footer: (info) => info.column.id, }), ];
const table = useReactTable({ defaultData, columns, state: { columnPinning, }, getCoreRowModel: getCoreRowModel(), });
Your minimal, reproducible example
local
Steps to reproduce
Basic example
Expected behavior
Work
How often does this bug happen?
None
Screenshots or Videos
No response
Platform
Windows latest Edge Chromium
react-table version
8.10.3
TypeScript version
No response
Additional context
No response
Terms & Code of Conduct