Show loading when sorting vuetify v-data-table

46 views Asked by At

I have a big v-data-table and when I click on the header to sort it it takes quite some time. Is there a way to show loading or at least get when it is done sorting ?

I found the event for when the sort is changed (@update:sortBy="eventSortBy"), but it is fired just at the beginning and I would need to know when the sorting is done.

I've looked on the v-data-table doc but can't find it.

Similar to Show loading message/ image while sorting jquery datatable column but for v-data-table

Thanks!

Example:

<template>
<v-data-table
    :headers="headers"
    :items="items"
    @update:sortBy="eventSortBy"
></v-data-table>
</template>

<script>
....
methods: {
    eventSortBy(x: any) {
        console.log(x)  // This fire only when we start sorting, I would need the event when it is done sorting
    }
}
</script>
0

There are 0 answers