TanStack / table

🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
https://tanstack.com/table
MIT License
24.55k stars 3.03k forks source link

[v8] expansion sub rows hides because of pagination page limit #4260

Closed dhanushkumarsivaji closed 1 year ago

dhanushkumarsivaji commented 1 year ago

Describe the bug

Hello,

I have created the table which supports row expansion. This table also has pagination with a page limit of 10 (default).

While you expand the last row ( I mean the 10th row ). The sub rows under the expansion hides because the page limit of the table is set to 10. The expansion makes the row count 10 + 2 ( it is the sub rows under expansion ).

During this scenario, the table should make the sub rows to visible despite the pagination limit.

And I don't know, How to solve this error. @tannerlinsley Please help me to resolve this one.

A working demo of the table is available at this link - Paginated Expansion Table

I have attached the video of the bug !!

https://user-images.githubusercontent.com/36889650/182730878-f9fb90c3-b33b-411c-89c8-dbd127f011d4.mov

Your minimal, reproducible example

https://codesandbox.io/s/tanstack-table-filter-pagination-issue-k7sm34?file=/src/main.tsx

Steps to reproduce

  1. Go to the sandbox provided link - You can see the working demo of the table
  2. Try to expand the last row of the table.
  3. You can't see the sub rows under it.

Expected behavior

During this scenario, the table should make the sub rows to visible despite the pagination limit.

How often does this bug happen?

Every time

Platform

macOS

react-table version

v8.5.5

TypeScript version

No response

Additional context

No response

Terms & Code of Conduct

R-Mahe commented 1 year ago

+1

I am also facing this similar problem :( Please let us know the fix for this

tannerlinsley commented 1 year ago

Set this option to false https://tanstack.com/table/v8/docs/api/features/expanding#paginateexpandedrows

Tanner Linsley On Aug 3, 2022, 8:37 AM -0600, R-Mahe @.***>, wrote:

+1 I am also facing this similar problem :( Please let us know the fix for this — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you were mentioned.Message ID: @.***>

dhanushkumarsivaji commented 1 year ago

When I set this paginateExpandedRows: false, none of the rows are expanding. Please check this link - https://codesandbox.io/s/tanstack-table-filter-pagination-issue-k7sm34?file=/src/main.tsx

Do I have to add anything additional to that?

Its-Just-Nans commented 1 year ago

Related to #4223 ?

@tannerlinsley

dhanushkumarsivaji commented 1 year ago

As @tannerlinsley mentioned in this ticket. This issue is resolved now. Hence closing this