vuetify icon indicating copy to clipboard operation
vuetify copied to clipboard

[Bug Report][3.3.21] v-data-table grouped items and non grouped items do not sort properly

Open sumasagrp opened this issue 1 year ago • 3 comments

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

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

sumasagrp avatar Oct 13 '23 14:10 sumasagrp

accidentally duplicated

sumasagrp avatar Oct 13 '23 14:10 sumasagrp

then remove 1.

websitevirtuoso avatar Oct 13 '23 23:10 websitevirtuoso

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

kuba13666 avatar Nov 15 '23 15:11 kuba13666