在数据表中查找包含项的页码

时间:2018-08-21 14:00:52

标签: javascript vue.js vuejs2 vuetify.js

我有一个数据表问题!

我正在使用此vuetify pagination组件和此vuetify datatable组件

用例很简单。用户单击特定项目。接下来,数据表打开,并显示与单击的项目相对应的行。


首先,我仅使用数组中所选项目的索引来计算数据表中的页码(进行简单的计算,以使用每页的最大项目数来确定正确的页面)。

一切都很好,但是我们添加了某种排序工具(一个vuetify选项),现在这些行并不总是与我的数组中的顺序相同(由于排序机制)。


我需要一种新的方法来查找包含所选项目的页面!

(有一个搜索道具可用,但它只过滤数据。这不是我想要的。我需要所有行都出现)

例如:

[
  { item1: 1 },
  { item2: 2 },
  { item3: 3 },
  { item4: 4 },
  { item5: 5 }
]

在这种情况下,如果我每页有2个项目,并且用户单击第4个项目,那么我们应该打开第二页。但是现在有了排序机制,第4项可能在任何地方:-(

感谢您的帮助。

0 个答案:

没有答案