小编god*_*das的帖子

如何将选择复选框列移动到 Vuetify v-data-table 的末尾?

刚开始使用 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)

vuejs2 vuetify.js

5
推荐指数
1
解决办法
1362
查看次数

标签 统计

vuejs2 ×1

vuetify.js ×1