Vuetify 分页数据表

Posted

技术标签:

【中文标题】Vuetify 分页数据表【英文标题】:Vuetify Pagination Data-table 【发布时间】:2019-03-18 16:15:32 【问题描述】:

如果您使用:pagination.sync="pagination" 来控制屏幕上显示的项目数。您是否仍然可以使用他们内置的 pagination.sortBy 或者您必须为它构建自己的算法。

这里是 vuetify 的 codepen 我想要做的减去个性化排序部分:https://codepen.io/BrandiW/pen/zmEvyg?&editors=101

【问题讨论】:

你的代码笔是空的 谢谢,我刚改了! 【参考方案1】:

:pagination.page.sync="分页"

如果你以这种方式同步,vue 默认的列排序和搜索将照常工作。尽管分页监视一直调用搜索和列排序,但您必须处理它:获取是否需要的数据

【讨论】:

以上是关于Vuetify 分页数据表的主要内容,如果未能解决你的问题,请参考以下文章

使用 Vuetify 处理已经分页的数据

Vuetify 数据表如何垂直适合表格以及分页页脚粘在底部

Vue js:Vuetify 服务器端数据表搜索过滤器不起作用

如何在 Vuetify 数据表中连接外部数据

Vuetify - 如何进行分页?

Vuetify SSR分页