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 >>

Answer 1

进行服务器端切片时，请使用Pagination Component。

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

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

  

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

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

另外，设置total-items属性。

  

手动设置行项目总数，从而禁用内置的排序和分页。与分页道具一起使用，以实现服务器端排序和分页

这里是codesandbox，我将其放在一起展示了外部分页，尽管它使用的是Ag-Grid而不是Vuetify组件。点击左上角的齿轮以添加更多行。