刚开始使用 Vue 和 Vuetify,有一个简单的问题。我用来v-data-table显示我的数据,并且我使用默认值v-model="selected"和show-select道具。默认情况下,复选框列显示为第一列,但我需要它作为最后一列,如何实现这一点?
这基本上是 Vuetify 文档示例,与我的几乎相同:
<template>
<v-data-table
v-model="selected"
:headers="headers"
:items="desserts"
:single-select="singleSelect"
item-key="name"
show-select
class="elevation-1"
>
</v-data-table>
</template>
<script>
export default {
data () {
return
selected: [],
headers: [
{
text: 'Dessert (100g serving)',
align: 'left',
sortable: false,
value: 'name',
},
{ text: 'Calories', value: 'calories' },
{ text: 'Fat (g)', value: 'fat' },
{ text: 'Carbs (g)', value: 'carbs' },
{ text: 'Protein (g)', value: 'protein' },
{ text: 'Iron (%)', …Run Code Online (Sandbox Code Playgroud)