码迷,mamicode.com
首页 > Web开发 > 详细

jquery 实现table的动态合并列

时间:2016-06-15 10:36:55      阅读:257      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!