vuetify
vuetify copied to clipboard
[Bug Report][3.3.21] v-data-table grouped items and non grouped items do not sort properly
Environment
Vuetify Version: 3.3.21 Vue Version: 3.3.4 Browsers: Chrome 117.0.0.0 OS: Windows 10
Steps to reproduce
Sort by Created descending
Expected Behavior
Frozen Yogurt 2023-10-13T17:37:58 should be the first item on the list
Actual Behavior
Frozen Yogurt 2023-10-13T17:37:58 is below the group 'Maybe'
Reproduction Link
accidentally duplicated
then remove 1.
I removed grouping to simplify the case and then I've tried several approaches that were mentioned in different places,
1. adding sort property to the header like this { title: 'Created', key: 'Created', align: 'end', sort: (a, b) => a.time_stamp - b.time_stamp, },
**2. also tried this solution https://codepen.io/mmia/pen/jOPyXad
Unfortunatelly none of those worked, not for me and not for your example