小编Sei*_*eif的帖子

如何使用vutify的自定义排序?

我想在数据表中使用自定义排序。我的目标是对表DESC进行排序,而不是对默认ASC进行排序。但是我不知道如何。

这是我的数据表组件的开始:

  <v-data-table
  :headers="headers"
  :items="acts"
  hide-actions
  class="elevation-1"
  >
  <template slot="items" slot-scope="props">

    <td>{{ props.item.id }}</td>
    <td>{{ props.item.name }}</td>
    <td class="text-xs-center">{{ props.item.provider.id }}</td>
    <td class="text-xs-center">{{ props.item.category.name }}</td>
    <td class="text-xs-center">{{ props.item.budget }}</td>
    <td class="text-xs-center">{{ props.item.location.name }}</td>
    <td class="text-xs-center">{{ props.item.deets }}</td>
    <td class="text-xs-center">{{ props.item.keeping_it_100 }}</td>
    <td class="text-xs-center"><img width="50" height="50" :src="props.item.inspiration.inspiration"></td>
    <td class="justify-center layout px-0">....
Run Code Online (Sandbox Code Playgroud)

这是我正在使用的脚本:

<script>
  export default {
    data () {
      return {

        dialog: false,
        customerSort: {
          isDescending: true,// I tried this? as the kabab format throws an error
        },
        headers: …
Run Code Online (Sandbox Code Playgroud)

sorting datatable vue.js vuetify.js

9
推荐指数
4
解决办法
1万
查看次数

标签 统计

datatable ×1

sorting ×1

vue.js ×1

vuetify.js ×1