laravel - Laravel Vuetify 服务器端数据表是否有任何片段（GitHub 或其他）？使用 jQuery Datatable 等功能齐全的数据表

Question

我已经看过解决这个问题的教程，但是没有关于分页的例子。与 jquery 数据表不同，分页按钮不断添加。你能帮帮我吗，伙计们？

一直在不和谐社区询问并在 vuetify github 上发布问题，没有得到答案。所以我在这里问

例子：

<< 1 2 3 4 5 6 7 8 9 10（达到 1000）>>

它应该是：

<< 1 2 3 4 5 ... 1000 >>

标签： laravelvue.jsvuetify.js

Answer 1

在进行服务器端切片时使用分页组件。

该total-visible道具将限制可见按钮的数量。

在数据表上，设置pagination.sync使其与外部分页组件保持一致。

用于从数据表外部控制分页和排序。也可用于设置默认排序列

{
  descending: boolean
  page: number
  rowsPerPage: number // -1 for All
  sortBy: string
  totalItems: number
}

另外，设置total-items道具。

手动设置行项目的总数，这会禁用内置的排序和分页。与 pagination 属性一起使用以启用服务器端排序和分页

这是我不久前整理的一个代码框，它演示了外部分页的方式，尽管它使用的是 Ag-Grid 而不是 Vuetify 组件。单击左上角的齿轮以添加更多行。