Grouping Columns in @mui/x-data-grid-pro Not working

mui / mui-x

MUI X: Build complex and data-rich applications using a growing list of advanced React components, like the Data Grid, Date and Time Pickers, Charts, and more!

https://mui.com/x/

3.92k stars 1.19k forks source link

Grouping Columns in @mui/x-data-grid-pro Not working #13706

Open muhammadusman619 opened 5 days ago

muhammadusman619 commented 5 days ago

Steps to reproduce

Link to live example: (required)

Steps: 1. 2. 3.

Current behavior

Data grid Pro is unable to work with the Columns grouping feature.

However its working in the MUI Data Grid version.

Expected behavior

No response

Context

No response

Your environment

npx @mui/envinfo

``` Don't forget to mention which browser you used. Output from `npx @mui/envinfo` goes here. ```

Search keywords: Grouping Columns

KenanYusuf commented 3 days ago

@muhammadusman619 please can you provide a reproduction of the issue you are seeing? You can use our template to do this in CodeSandbox.

muhammadusman619 commented 2 days ago

@KenanYusuf this is present in data grid pro i want to use, please let me know how to achieve this in data grid pro version

KenanYusuf commented 2 days ago

@muhammadusman619 You can see the column grouping documentation here https://mui.com/x/react-data-grid/column-groups/ for details on how to use the feature. Anywhere in the code examples you see the DataGrid component, you can replace with the DataGridPro component and it will work the same.