JS表格动态的显示五行

Allen_xiaofei 2017-08-20 10:49:55


JS表格只显示五行,然后有第六数据过来,删除第一行,显示五行数据?
有么有哪位大神,之前做过类似的需求,或者分享一下链接,感谢
...全文
323 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
yuqiz1981 2017-08-20
  • 打赏
  • 举报
回复
判断是否有数据过来然后获取第一行的元素$("第一行元素").remove()删除就可以
  • 打赏
  • 举报
回复
你数据过来的时候不知道删除掉和数据行一样多的行不就行了。。

var data=[{....},{..}]//这个是数据,过来2行,你要显示5行则删除表格中数据,保留3行就行了
var table=document.getElementById('tableID');
var l=Math.min(0, table.rows.length-data.length);//获取要保留的行数
while(table.rows.length>l)table.rows[0].parentNode.removeChild(table.rows[0])
///..添加行的代码


推荐学习资料
jquery attr prop 区别
asp json类库解析json字符串

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧