Is it possible to set a default sorting order for true values in a v-data-table column with sortable elements? When I click on the 'sortable' icon in the header, the elements in the first column are sorted accordingly. However, upon opening the page, I would like the 'true' values to be sorted first. How can I achieve this?
headers: [
{
text: '',
sortable: true,
value: 'status',
}]
Html:
<v-data-table
:pagination.sync="pagination"
:headers="headers"
:items="items"
>
<template>
<tr>
<td>
<v-icon v-if="status">
{{status}}
</v-icon>
</td>
</tr>
</template>
</v-data-table>
The values of status can include True and False.
Desired sort ordering: True True False False False
Preferably, the table should display true values before false ones.