jquery 实现table的动态合并列

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

需要显示多对一,eg:

jquery 实现table的动态合并列

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

jquery 实现table的动态合并列

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

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

jq代码如下:

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

jquery 实现table的动态合并列

上一篇:企业喜爱人工智能CRM需要理由吗?


下一篇:JavaScript及jQuery入门