Pagination not working client side??

[ShubhanshSharma]

It's simple but somehow not working in your code??
TRY BELOW METHODS : )

[ShubhanshSharma]

1. Make sure imports are proper-
   import { flexRender, getCoreRowModel, useReactTable, getPaginationRowModel} from "@tanstack/react-table";

2. Try custom settings for pagination
   const [pagination, setPagination] = useState({
   pageIndex: 0,
   pageSize: 10,
   pageCount: Math.ceil(final,Data.length / 10),
   })

3. Dont forget these --
   const table = useReactTable({
   data,
   columns,
   state: { pagination },
   onPaginationChange: setPagination,
   getCoreRowModel: getCoreRowModel(),
   getPaginationRowModel: getPaginationRowModel(),
   debugTable: true,
   });

4. My Issue that forced me to create this discussion--

   In my code of table body, while rendering table data we use the below line--

   {table.getRowModel().rows.map(row =>. . .

   But I used -- table.getCoreRowModel() which works perfectly in rendering the data but you wont be able to use pagination

   changed it to table.getRowModel and it works well.

MY ISSUE WAS RESOLVED BY CHAT.GPT SO FIRST CHECK THAT OUT.