You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Not sure if a bug of if it's intended behavior but the grouping feature doesn't seem to look at values in subRows.
Please check the codesandbox below. I'd expect to have "John (4)", and to actually have all rows and subRows grouped by firstName but only the top-level rows are grouped by firstName.
If this is intended behavior, a consequence is that firstName in the subRows is empty and misleading (e.g. "John Hey" shows up under "James" but only "Hey" is visible). Still, in case this is still intended behavior, how could this be avoided so the table groups by a column in all rows and subRows?
Your Minimal, Reproducible Example - (Sandbox Highly Recommended)
On the sandbox below, click on the "First Name" group icon first, and then on the button "Toggle expand all" button below the table. This way we ensure the table is grouped by firstName and all rows are expanded.
Do you intend to try to help solve this bug with your own PR?
Maybe, I'll investigate and start debugging
Terms & Code of Conduct
I agree to follow this project's Code of Conduct
I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.
The groupBy function only handles top-level rows. I was able to go around this and implement desired behavior (i.e. values from all rows and subRows get grouped by) by making it recursive like this:
Looking forward to know what you think of this. This would probably be a breaking change for some? Since we can pass a getGroupedRowModel function to useReactTable, that's probably what I'll do for the time being. However, maybe a table option could be added to allow this behavior?
I need to display tabular data by groups so that above each group there is a row that is the group header and I would also like to add a button to hide the group in it, but the virtualizer obliges me not to group the data and go through rows and not leaf or flat rows. Otherwise, it doesn't work properly. Are there any examples that I could look at?
The example in the screenshot was taken from examples -> subComponent, but I can't reproduce this using c virtualizer
Activity
rasgo-cc commentedon Jun 6, 2024
In case you confirm this to be an issue/not intended behavior, it seems the culprit is here:
https://github.com/TanStack/table/blob/main/packages/table-core/src/utils/getGroupedRowModel.ts#L168
The
groupByfunction only handles top-level rows. I was able to go around this and implement desired behavior (i.e. values from all rows and subRows get grouped by) by making it recursive like this:Looking forward to know what you think of this. This would probably be a breaking change for some? Since we can pass a
getGroupedRowModelfunction touseReactTable, that's probably what I'll do for the time being. However, maybe a table option could be added to allow this behavior?dima5513 commentedon Jun 20, 2024
I need to display tabular data by groups so that above each group there is a row that is the group header and I would also like to add a button to hide the group in it, but the virtualizer obliges me not to group the data and go through rows and not leaf or flat rows. Otherwise, it doesn't work properly. Are there any examples that I could look at?

The example in the screenshot was taken from examples -> subComponent, but I can't reproduce this using c virtualizer
mkodraCiatek commentedon May 26, 2026
any progress on this issue?