利用js 合并table 单元格实现以下效果
来源:易贤网 阅读:3572 次 日期:2014-12-19 12:00:21
温馨提示:易贤网小编为您整理了“利用js 合并table 单元格实现以下效果”,方便广大网友查阅!

名单

代码如下:

<body onload="autoRowSpan(tbID,1,2)">

名单2

JS代码:

<script type="text/javascript">

function autoRowSpan(tableID, rowNumber, colNumber) {

var lastValue = "";

var value = "";

var pos = 1;

var i = rowNumber;

$("#tbID .Acdtr").each(function () {

value = $(this).children().eq(2).text();

if (lastValue == value) {

tableID.rows[i].deleteCell(colNumber);

tableID.rows[i - pos].cells[colNumber].rowSpan = tableID.rows[i - pos].cells[colNumber].rowSpan + 1;

tableID.rows[i].deleteCell(1);

tableID.rows[i - pos].cells[1].rowSpan = tableID.rows[i - pos].cells[1].rowSpan + 1;

pos++;

}

else {

lastValue = value;

pos = 1;

}

i++;

});

}

</script>

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 新媒体/短视频平台 | 手机站点

版权所有:易贤网