Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[data grid] Grouping by column of type singleSelect doesn't look up labels from valueOptions #15717

Closed
InNuceMSN opened this issue Dec 3, 2024 · 1 comment · Fixed by #15739
Assignees
Labels
bug 🐛 Something doesn't work component: data grid This is the name of the generic UI component, not the React module! feature: Row grouping Related to the data grid Row grouping feature plan: Premium Impact at least one Premium user support: premium standard Support request from a Premium standard plan user. https://mui.com/legal/technical-support-sla/

Comments

@InNuceMSN
Copy link

InNuceMSN commented Dec 3, 2024

Steps to reproduce

Steps:

  1. Open this link to live example: https://codesandbox.io/p/sandbox/snowy-hooks-n6886h
  2. Group by test using the column header menu

Current behavior

The grouped rows show the value for each group.

Expected behavior

The grouped rows should show the labels from the valueOptions just like when no grouping is active.

Context

We use singleSelect + valueOptions for fields which have a defined set of allowed values that are represented by technical keys. The labels are used to display human friendly, localized translations for the technical keys. We expect that the user never sees the technical keys directly.

Your environment

npx @mui/envinfo
  System:
    OS: Linux 6.9 Pop!_OS 22.04 LTS
  Binaries:
    Node: 20.18.0 - ~/.nvm/versions/node/v20.18.0/bin/node
    npm: 10.8.2 - ~/.nvm/versions/node/v20.18.0/bin/npm
    pnpm: Not Found
  Browsers:
    Chrome: Not Found
  npmPackages:
    @emotion/react: ^11.13.3 => 11.13.3 
    @emotion/styled: ^11.13.0 => 11.13.0 
    @mui/base:  5.0.0-beta.40 
    @mui/core-downloads-tracker:  5.16.7 
    @mui/icons-material: ^5.16.7 => 5.16.7 
    @mui/lab: ^5.0.0-alpha.134 => 5.0.0-alpha.173 
    @mui/material: ^5.16.7 => 5.16.7 
    @mui/private-theming:  6.1.1 
    @mui/styled-engine:  6.1.1 
    @mui/system:  6.1.1 
    @mui/types:  7.2.17 
    @mui/utils:  5.16.6 
    @mui/x-data-grid: ^7.3.2 => 7.20.0 
    @mui/x-data-grid-premium: ^7.22.2 => 7.20.0 
    @mui/x-data-grid-pro:  7.20.0 
    @mui/x-date-pickers: ^7.22.2 => 7.20.0 
    @mui/x-internals:  7.20.0 
    @mui/x-license: ^7.18.0 => 7.20.0 
    @mui/x-tree-view: ^7.22.1 => 7.20.0 
    @types/react: ^18.3.12 => 18.3.11 
    react: 18.3.1 => 18.3.1 
    react-dom: 18.3.1 => 18.3.1 
    typescript: ^5.6.3 => 5.6.3 

Browsers Chrome: affected

Firefox: affected

others: not tested

Search keywords: grouping, singleSelect, DataGrid
Order ID: Order #97858

@InNuceMSN InNuceMSN added bug 🐛 Something doesn't work status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Dec 3, 2024
@github-actions github-actions bot added the component: data grid This is the name of the generic UI component, not the React module! label Dec 3, 2024
@arminmeh arminmeh self-assigned this Dec 4, 2024
@arminmeh arminmeh added plan: Premium Impact at least one Premium user feature: Row grouping Related to the data grid Row grouping feature and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Dec 4, 2024
@arminmeh arminmeh changed the title [data grid premium] Grouping by column of type singleSelect doesn't look up labels from valueOptions [data grid] Grouping by column of type singleSelect doesn't look up labels from valueOptions Dec 4, 2024
@michelengelen michelengelen added the support: premium standard Support request from a Premium standard plan user. https://mui.com/legal/technical-support-sla/ label Dec 4, 2024
Copy link

github-actions bot commented Dec 5, 2024

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Note

@InNuceMSN How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐛 Something doesn't work component: data grid This is the name of the generic UI component, not the React module! feature: Row grouping Related to the data grid Row grouping feature plan: Premium Impact at least one Premium user support: premium standard Support request from a Premium standard plan user. https://mui.com/legal/technical-support-sla/
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants