为了账号安全,请及时绑定邮箱和手机立即绑定

html中使用table建表怎么使超过的界面的部分保存在下一页里?

html中使用table建表怎么使超过的界面的部分保存在下一页里?

慕少森 2019-04-21 20:14:12
如果有100行数据,怎么让他只显示10行,其余的分配到下一页(10行/页)。titlerow1row2...row100
查看完整描述

2 回答

?
ABOUTYOU

TA贡献1812条经验 获得超5个赞

你的数据已经在view层面定型了,还怎么进行分页?如果你的数据是JavaScript中的数据结构,那随便搞搞就可以实现分页。顺便说一下,你的HTML结构也压根不是100行数据,还是认真把基础打牢再来解决这种需求吧。
                            
查看完整回答
反对 回复 2019-04-21
?
素胚勾勒不出你

TA贡献1827条经验 获得超9个赞

1,如果这个数据都是保存在客户端的,可以采用以下方法
vardata=[...];
varpageIndex=0;
functionshowPageInfo(pageIndex){
varcontainer=document.getElementsByTagName("table")[0];
varcontent="title";
for(vari=0;i<10;i++){
content=content+""+data[10*pageIndex+i]+"";
}
container.innerHTML=content;
}
functionnext(){
pageIndex=pageIndex+1;
if(pageIndex>=10){
pageIndex--;
return;
}
showPageInfo(pageIndex++);
}
functionpre(){
pageIndex=pageIndex-1;
if(pageIndex<0){
pageIndex++;
return;
}
showPageInfo(pageIndex--);
}
2,如果是从数据库中取出来的,可以通过在请求中传入参数的方式获取对应的10条数据,然后前端负责展示出来即可。
                            
查看完整回答
反对 回复 2019-04-21
  • 2 回答
  • 0 关注
  • 345 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号