首页 > Web开发 > 详细

jquery 实现table的动态合并列

时间:2016-06-15 10:35:09      阅读:359      评论:0      收藏:0      [点我收藏+]

常见的table是一行一列的形式,当有时会遇到后台的数据在前台显示时,

需要显示多对一,eg:

技术分享

 

这是后台初始的数据,现在我要显示为:

技术分享

思路:将第3列的td的rowspan改为为行数,

         删除第一行之外的其他行的第三列数据,

        jq代码如下:

var num=$(‘table tr‘).length;
$(‘ tr:not(:first) .row2‘).remove();
$(‘.row2‘).attr(‘rowspan‘,num);
注意点:这里的row2为第3列td的class.

技术分享

jquery 实现table的动态合并列

原文:http://www.cnblogs.com/bigtallhcy/p/5586489.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!