Vue.js Vuetify自定义数据表头排序

在我的Vue项目中，我使用的是Vuetify

v-data-table

。我使用这样的自定义标题（简化）：

{{header.text}}

---

自定义标题可以工作，但不进行排序。如何添加排序功能？我一直在搜索，但似乎找不到一个

请在您的v-data-table中添加一个最低限度的工作示例。通常，您制作一个v-data-table并使用v-slot:header.name，在您的情况下，v-slot:header.data-table-select可修改单个标题。否则，我建议您使用v-data-table-header组件我看到了v-data-table-header组件API，但我不确定如何使用它。似乎没有这样的例子。中也提到了这一点，但没有明确的解决方案。

<template v-slot:header="{ props, on }">
<thead>
  <tr>
    <th v-for="header in props.headers" :key="header.value">
      <v-simple-checkbox
        v-if="header.value === 'data-table-select'"
        v-model="props.everyItem"
        :indeterminate="props.someItems && !props.everyItem"
        color="purple"
        @input="on['toggle-select-all']"
      ></v-simple-checkbox>
      <span v-else>{{ header.text }}</span>
    </th>
  </tr>
</thead>
</template>