Skip to content
New issue

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

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

Already on GitHub? # to your account

[Bug Report][3.6.10] VDataTable group is not sorted when key is not in header #20045

Closed
Assignees
Labels
C: VDataTable help wanted We are looking for community help T: bug Functionality that does not work as intended/expected
Milestone

Comments

@SystemKeeper
Copy link

Environment

Vuetify Version: 3.6.10
Vue Version: 3.4.27
Browsers: Chrome 125.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

In the example groupBy is set to the key group with a sort order of desc, but the group is not included in the headers

Expected Behavior

The grouped values are correctly sorted descending

Actual Behavior

Sorting is not applied. It does work however, if the column group is also included in the headers.

Reproduction Link

https://play.vuetifyjs.com/#...

@SystemKeeper
Copy link
Author

Workaround to allow sorting, but hide the column:

{ title: "ABC", key: "abc", align: ' d-none' },

Far from ideal, but works.

@chudson-incomm
Copy link

I am experiencing this issue, and appears to have been introduced in 3.6+.

Issue goes away if you back vuetify down to 3.5.18

@chudson-incomm
Copy link

Curious if there is relation to issue
#20046

@chudson-incomm
Copy link

@johnleider @MajesticPotatoe thoughts?

# for free to join this conversation on GitHub. Already have an account? # to comment