mui-x icon indicating copy to clipboard operation
mui-x copied to clipboard

[data grid] Implement Column groups

Open oliviertassinari opened this issue 5 years ago • 45 comments

Grouping columns allows you to have multiple levels of columns in your header and the ability, if needed, to 'open and close' column groups to show and hide additional columns.

Screenshot 2022-01-19 at 20 21 49

Benchamark

  • https://glideapps.github.io/glide-data-grid/?path=/story/glide-data-grid-docs--column-grouping
  • https://www.telerik.com/kendo-react-ui/components/grid/columns/headers/
  • https://ant.design/components/table/#components-table-demo-grouping-columns
  • https://ag-grid.com/javascript-grid-grouping-headers/
  • https://devexpress.github.io/devextreme-reactive/react/grid/docs/guides/banded-columns/
  • http://schrodinger.github.io/fixed-data-table-2/example-column-groups.html
  • https://ej2.syncfusion.com/react/demos/#/material/grid/stacked-header
  • http://tabulator.info/examples/4.5#column-groups

Column group collapse

  • https://glideapps.github.io/glide-data-grid/?path=/story/glide-data-grid-dataeditor-demos--column-group-collapse

oliviertassinari avatar Aug 21 '20 13:08 oliviertassinari

Hi! Is there an update on this feature? Any roadmap goals or something? @oliviertassinari

Yrlish avatar Apr 13 '21 05:04 Yrlish

@Yrlish No plans for it yet. It's low on the priority list (upvotes).

oliviertassinari avatar Apr 13 '21 10:04 oliviertassinari

We would benefit from column groups! Upvoting it...

teneon avatar Dec 04 '21 18:12 teneon

I don't see this feature list in the roadmap, not even in future category. it ranked seventh now :-|

michael-land avatar Dec 08 '21 22:12 michael-land

kindly update this feature

manikandanhisto avatar Dec 22 '21 17:12 manikandanhisto

It should have soon. Upvoting it...

vietnguyen1992 avatar Dec 28 '21 22:12 vietnguyen1992

We really need an implementation for column grouping. When will this feature be implemented?

nadiia-kobylinska avatar Jan 21 '22 19:01 nadiia-kobylinska

Come on!!!! We need this

ezimon avatar Jan 25 '22 04:01 ezimon

This feature was less requested than others like #198, #212, #211 or #206. So to be fully transparent, we did not plan to do it in Q1 2022.

But if there is a need from the community, we should be able to plan it for Q2 :+1:

@xiaoyu-tamu, we are only updating the public roadmap one quarter at a time, because we don't want to give false hope on features that will be developed further away in time. We started doing major features again in Q4 after a long period of stabilization, starting with the one which felt the more urgent for a lot of users (#210, #212, #438, #211, #200 for instance). But clearly this one is being discussed and will be prioritized :+1:

flaviendelangle avatar Jan 25 '22 12:01 flaviendelangle

Totally get it, there are other more urgent issues at hand. I don't think this one should be very difficult to patch!!

Thanks a lot for your reply, best regards

On Tue, Jan 25, 2022 at 9:18 AM Flavien DELANGLE @.***> wrote:

This feature was a lot less requested than others like #198 https://github.com/mui-org/material-ui-x/issues/198, #212 https://github.com/mui-org/material-ui-x/issues/212, #211 https://github.com/mui-org/material-ui-x/issues/211 or #206 https://github.com/mui-org/material-ui-x/issues/206, so we did not plan to do it in Q1 2022. But if there is a need from the community, we should be able to push it for Q2 👍

— Reply to this email directly, view it on GitHub https://github.com/mui-org/material-ui-x/issues/195#issuecomment-1021128634, or unsubscribe https://github.com/notifications/unsubscribe-auth/AVQJBXQSUXYKK2RUHOISUULUX2IKTANCNFSM4QHJRGHQ . You are receiving this because you commented.Message ID: @.***>

ezimon avatar Jan 25 '22 17:01 ezimon

Also would love to see this feature added. Good to see it's prioritized

tierneynr avatar Feb 08 '22 13:02 tierneynr

I hope to see this feature as soon

manenigma avatar Feb 12 '22 17:02 manenigma

I hope it will be added soon

FlorianGG avatar Feb 14 '22 13:02 FlorianGG

I hope it will be added soon

JuanesDanesAmerikanes avatar Feb 16 '22 08:02 JuanesDanesAmerikanes

Is there any workaround for that now? Tried to customize Toolbar/Header, but horizontal scrolling doesn't work

hnrq avatar Mar 04 '22 17:03 hnrq

@oliviertassinari is there any room for this on your upcoming features? I noticed that it has many more upvotes than some of the items viewable in the future on the public MUI X roadmap.

iluvmemes avatar Mar 16 '22 15:03 iluvmemes

I can add it to the Future column, it is clear that we are going to do it at some-point. Given the traction around this feature, it is likely that we will start working on it on Q2, but we can't guarantee it yet.

flaviendelangle avatar Mar 16 '22 15:03 flaviendelangle

Sad to see this hasn't been moved into the Q2 section on the road map. Looking at replacing the current data grid we're using, and your data grid would certainly seems it would be the best fit overall, and already covers majority of the current needs, with the exception of the ability of having grouped header columns - and as such keeping me on the fence.

Thought I certainly agree with the other features being prioritized, I do see this as being one of the vital core features a data grid should have, to avoid having to use excessively long column names when presenting certain types of data (E.g. shipper and receiver address information) to maintain a clear distinction to the user.

Is there any chance still that we might see this one included during Q2?

Gh0stscript avatar Apr 03 '22 11:04 Gh0stscript

Hi @Gh0stscript, as @flaviendelangle said, we cannot guarantee the delivery of this feature in Q2. That's why we decided not to add it to Q2's public roadmap. But given its popularity within the community, we do plan to work on it soon (please keep upvoting your favorite issues; it helps us a lot!).

We might be able to deliver it in Q2, and if not, it's happening at the beginning of Q3.

joserodolfofreitas avatar Apr 06 '22 14:04 joserodolfofreitas

We really need this at JP Morgan for our designs. I've been researching the features you have for the past few days and encouraged by the progress you've made in the recent months (really impressive!) but this is a deal breaker. I mean, how would we implement column grouping ourselves on top of what you have in a way that's not shoddy?

So we are now evaluating AG Grid and Ant Design table that both support this feature and still don't lack in the areas MUI grid is good at or recently became good at. We are currently using Material UI grid v4.0 and plenty of other Material UI components and would really love to keep it that way, even if using MUI DataGridPro requires a license.

yay avatar Apr 19 '22 21:04 yay

my

@yay We bought this grid without knowing we would need column groups, so you are right, any implementation is shoddy but can be stable on top of virtualization/scrolling.

It is less stable when resizing, and we don't use drag re-order so its not accounted for. Also not accessible.

Looking forward to ripping out my shoddy code, as it makes updating that much harder since i override/extend so much

(Sorry, this is my first gif upload, it looks weird)

hafley66 avatar Apr 25 '22 19:04 hafley66

Hi @yay , I myself looking for this feature for past some days. I have explored react-virtualized and mui. The both don't have this feature. Can you please help me how you resolved the issue and achieved the desired design? It would be really helpful.

soumyaa1804 avatar Jun 02 '22 19:06 soumyaa1804

@soumyaa1804 We decided to wait for this feature and are in the processo of getting a license. Meanwhile we use column prefixes in the ungrouped header.

yay avatar Jun 03 '22 09:06 yay

This feature would be super useful to have in the MUI Data Grid. We too bought the subscription when we didn't need this, and now we do!

sahil-ag avatar Jun 19 '22 10:06 sahil-ag

+1 here! Thanks

juliusdanek avatar Jun 22 '22 11:06 juliusdanek

Great feature and we need it too, any news if this is still in the April/June Roadmap or pushed back?

mrpacman101 avatar Jun 29 '22 08:06 mrpacman101

@mrpacman101, the PR to implement this feature is still on draft. But we'll likely ship it in a few weeks.

Would you mind sharing a bit more about your use cases? cc @juliusdanek @sahil-ag

joserodolfofreitas avatar Jul 01 '22 12:07 joserodolfofreitas

@mrpacman101, the PR to implement this feature is still on draft. But we'll likely ship it in a few weeks.

Would you mind sharing a bit more about your use cases? cc @juliusdanek @sahil-ag

@joserodolfofreitas We need this to group column headers with sorting possible. Similar with this issue one but we are using data grids.

Bindeep avatar Jul 01 '22 12:07 Bindeep

with sorting possible.

Do you need sorting on each child column or on the column group ?

flaviendelangle avatar Jul 04 '22 07:07 flaviendelangle

with sorting possible.

Do you need sorting on each child column or on the column group ?

Each child column.

Bindeep avatar Jul 04 '22 07:07 Bindeep