开启辅助访问 切换到宽版

精易论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

用微信号发送消息登录论坛

新人指南 邀请好友注册 - 我关注人的新帖 教你赚取精币 - 每日签到


求职/招聘- 论坛接单- 开发者大厅

论坛版规 总版规 - 建议/投诉 - 应聘版主 - 精华帖总集 积分说明 - 禁言标准 - 有奖举报

查看: 1850|回复: 6
收起左侧

[易源码分享] 分享一个新鲜出炉的JS分页表格

[复制链接]
结帖率:95% (83/87)
发表于 2023-1-25 13:14:35 | 显示全部楼层 |阅读模式   英国
分享源码
界面截图: -
是否带模块: 纯源码
备注说明: -
思路容易,做起来绕。
Stackoverflow上有人问,然后花了半小时做出来了。
[HTML] 纯文本查看 复制代码
<table  id="TableNum">
  <tr></tr>
</table>
<table id="TableInfor">
  
</table>

<script>
var AllMessage = 12;
var SinglePage = 5;
var NowPage = 3; //*********It is from 1*********
var ParentTR = document.getElementById("TableNum");
var Array = new Array();
//--------
for (var i = 0;i < Math.ceil(AllMessage/SinglePage);i++){
for (var r = 0;r < SinglePage;r++){
Array[r + i * SinglePage] = "Change this to your data:" + Math.random()*10;
}}
//--------
//console.log(Math.ceil(AllMessage/SinglePage))
for (var i = 1;i < Math.ceil(AllMessage/SinglePage) + 1;i++){
for (var r = 1;r < SinglePage + 1;r++){

if(NowPage == i){
if(AllMessage >= r + i * SinglePage - SinglePage){ //This will not permit overflow message;
    //For example. If you have 11 message and you are on P3, this will block 12,13...15 Message;
    //Why did I need to add this instead of changing the equation?
    //Because I could not find what's wrong, and this is the simiplest way to finish it!~
    var tr = document.createElement("tr");
var td = document.createElement("td");
var text = document.createTextNode(r + i * SinglePage - SinglePage);
document.body.appendChild(tr);
tr.parentNode.insertBefore(ParentTR, td.nextElementSibling)
ParentTR.appendChild(tr)
//--------
td.appendChild(text);
document.body.appendChild(td);
td.parentNode.insertBefore(ParentTR, td.nextElementSibling);
tr.appendChild(td);
//--------
var td2 = document.createElement("td");
var text2 = document.createTextNode(Array[r + i * SinglePage - SinglePage - 1]);
//--------
td2.appendChild(text2);
document.body.appendChild(td2);
td2.parentNode.insertBefore(tr, td.nextElementSibling);
tr.appendChild(td2);
}
}


}
    r = 0;
}

</script>

点评

真离普,还给我来了个-1   英国  发表于 2023-1-25 14:36

结帖率:100% (1/1)

签到天数: 22 天

发表于 2023-1-25 17:50:18 | 显示全部楼层   广东省汕头市
没有效果图。。

点评

我就是自己当个网盘用而已。。   美国  发表于 2023-1-26 00:30
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则 致发广告者

发布主题 收藏帖子 返回列表

sitemap| 易语言源码| 易语言教程| 易语言论坛| 诚聘英才| 易语言模块| 手机版| 广告投放| 精易论坛
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论,本站内容均为会员发表,并不代表精易立场!
论坛帖子内容仅用于技术交流学习和研究的目的,严禁用于非法目的,否则造成一切后果自负!如帖子内容侵害到你的权益,请联系我们!
防范网络诈骗,远离网络犯罪 违法和不良信息举报电话0663-3422125,QQ: 800073686,邮箱:800073686@b.qq.com
Powered by Discuz! X3.4 揭阳市揭东区精易科技有限公司 ( 粤ICP备12094385号-1) 粤公网安备 44522102000125 增值电信业务经营许可证 粤B2-20192173

快速回复 返回顶部 返回列表