Javascript 如何向表的行添加分页

假设我有一张有几行的桌子。我希望每行有一页

每次我选择一行并按下

显示选中的

按钮时，该行将被追加到表中，如果我选择40行，则40行将追加到表中，但我想要的是创建40个页面，每个页面有一个表，其中只有一行

当前结果：

预期结果：

我很困惑，如何将

href=“#”

分配给表中的一行

---

如果我没有弄错的话，我必须这样做（bootsrap4.0文档）：

一种方法是在表中添加行，仅显示第一个tr并隐藏其他tr，当用户单击任何页码时，可以显示该行并隐藏其他tr

演示代码：

$（函数（）{
$（“按钮#显示选定，按钮#全选”）。单击（函数（）{
显示全部（）；
});
函数show_All（）{
var html=“”；
var html1=“”；
var buttons=“Prev”
$（“#searchVariantTable t正文输入[类型=复选框]：选中”）。每个（函数（索引，项）{
var选择器=$（this.nexist（“tr”）//获取最近的tr
//生成HTML
html1+=`
`
html+=`
`
按钮+=`${index+1}`
});
按钮+=`下一步`
$（“#secondTable1”）.html（html1）
$（“#secondTable2”）.html（html）
$（“#分页”）.html（按钮）
$（“#分页按钮：eq（1）”）.addClass（“btn主控”）
$（“#secondTable1 tr，#secondTable2 tr”）.hide（）//隐藏trs
$（“#secondTable1 tr:eq（0），#secondTable2 tr:eq（0）”。show（）//仅显示第一个
}
});
//单击数字（1,2，）时将调用此代码。对于下一个/上一个btn，您需要为下一个/上一个按钮编写逻辑。
$（“#分页”）。在（“单击”，“索引”，函数（）上）{
$（this）.addClass（“btn主”）.sides（）.removeClass（“btn主”）//添加类
var data_id=$（this.data（“id”）//获取索引
$（“#secondTable1 tr，#secondTable2 tr”）.hide（）//隐藏所有tr
$（“#secondTable1 tr:eq（“+data_id+”），#secondTable2 tr:eq（“+data_id+”））。show（）//在索引匹配的位置显示tr。。
})

基因
变体
基因1
变量1
#1价值1
#2价值1
#3价值1
#4价值1
#5价值1
基因2
变量2
#1价值2
#2价值2
#3价值2
#4价值2
#5价值2
全选
显示选定的
基因
变体
基因组座标
选项1
选项2
选项3
选项4
选项5

我必须更改分页逻辑的位置，并将其放在函数中，现在在我这边可以完美地工作了！谢谢。很高兴我能帮忙：）。对于下一个/上一个按钮，您可以参考各种post on stackoverflow按钮。