If “hide-default-header” removes sort functionality in columns, how do I get it back?

[Graphictank]

I have some custom TH's, is there any way to bring back asc/desc without having to re-invent the wheel?

[rigloo]

hello, did you ever find a solution for this? I need apply some custom th but when I hide the default header it just removes sort functionality

[Graphictank]

Yea, for every column you have, make a long list of th's one after the other and asign them a numerical value (1, 2, 3...) sorry for the choppy code below but GH's code tag wasn't allowing me to format it properly. Hopefully this example will get you on your way.

`th
:key="headers[1].text"
:class="['column sortable', pagination.descending ? 'desc' : 'asc', headers[1].value === pagination.sortBy ? 'active' : '']">
{{ headers[2].text }}

    <!-- Sort Asc/Desc icon -->
    <v-btn
      :ripple="false"
      height="14"
      width="14"
      x-small
      icon
      tabindex="-1">
      <v-icon
        @click="changeSort(headers[1].value)"
        x-small
        color="grey darken-1"
        aria-label="Column Sort button">mdi-arrow-down
      </v-icon>
    </v-btn>
  </th`

---

` methods: {

changeSort(column) {
  if (this.pagination.sortBy === column) {
    this.pagination.descending = !this.pagination.descending;
  } else {
    this.pagination.sortBy = column;
    this.pagination.descending = false;
  }
  var order = this.pagination.descending ? "desc" : "asc";
  this.arrangedPlateList.sort(this.compareValues(column, order));
}

}`

[rigloo]

Thank you this saved my life

[Graphictank]

Glad it could help you out. Man, I had to go back two years to find this push. We've since moved on to SyncFusion as our grid. Way more verbose... excel-like in it's use.

[rigloo]

I appreciate it man. Vuetify has worked wonderfully for our needs. Its just these weird specific cases that the users asked for. In this case certains columns on a v-data-table need to be fixed to the left even when you scroll horizontally.

…

On Tue, Jun 11, 2024 at 10:12 PM Steve ***@***.***> wrote: Glad it could help you out. Man, I had to go back two years to find this push. We've since moved on to SyncFusion as our grid. Way more verbose... excel-like in it's use. — Reply to this email directly, view it on GitHub <#12669 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AFTXX6B2K62EC6VMDDBUOXTZG7KDZAVCNFSM4UBGUR72U5DIOJSWCZC7NNSXTOKENFZWG5LTONUW63SDN5WW2ZLOOQ5TSNZUGY4DIMQ> . You are receiving this because you commented.Message ID: ***@***.***>