vue.js - Vuetify 数据表操作行

Question

是否可以将每页行数和页面导航左对齐，并在同一行中放置一个按钮？

Answer 1

默认情况下，操作行右对齐。有一种方法可以实现你想要的。您可以使用自定义分页并隐藏当前分页:

 <v-data-table
    :headers="headers"
    :items="desserts"
    :search="search"
    hide-actions
    :pagination.sync="pagination"
  >

并在数据表之后添加:

<v-layout row justify-center>
    <v-pagination v-model="pagination.page" :length="pages"></v-pagination>
    <v-btn class="test">test</v-btn>
</v-layout>

查看更多here .

这是一个Codepen在行动中。