Javascript 自定义v-data-table标题并保留默认功能（排序）

我希望我的v-data-table的表头是“可制表的”

因此，我创建了一个slot并在列上放置了一个tabindex

不幸的是，排序不再起作用了

有没有一种聪明的方法可以使列“可使用制表符”并保持标题的标准功能

这是我的密码：

<template v-slot:header="{ props:{ headers}  }">
    <thead>
        <tr>
            <th v-for="header in headers" :key="header.value">
                <td sortable="true"  tabindex="0">{{header.text}}</td>
            </th>
        </tr>
    </thead>
</template>

{{header.text}

如果要保留默认功能，请不要覆盖

标题

插槽，而是只覆盖仅生成标题文本的插槽

要对所有列应用相同的插槽模板，可以使用

v-for

和

{{header.text}}