前端合并单元格
程序员文章站
2022-03-04 13:48:27
...
做项目的时候发现的一个前人写的合并单元格的JQ,因为不是专业前端开发人员特此记录下来防止以后会用到
<script type="text/javascript" defer>
$(function(){
jQuery.fn.rowspan = function(colIdx) { //封装的一个JQuery小插件
return this.each(function(){
var that;
$('tr', this).each(function(row) {
$('td:eq('+colIdx+')', this).filter(':visible').each(function(col) {
if (that!=null && $(this).html() == $(that).html()) {
rowspan = $(that).attr("rowSpan");
if (rowspan == undefined) {
$(that).attr("rowSpan",1);
rowspan = $(that).attr("rowSpan");
}
rowspan = Number(rowspan)+1;
$(that).attr("rowSpan",rowspan);
$(this).hide();
} else {
that = this;
}
});
});
});
}
if($("#table1").length>0){
$("#table1").rowspan(0);//传入的参数是对应的列数从0开始,哪一列有相同的内容就输入对应的列数值
$("#table1").rowspan(1);
$("#table1").rowspan(2);
}
if($("#table2").length>0){
$("#table2").rowspan(0);//传入的参数是对应的列数从0开始,哪一列有相同的内容就输入对应的列数值
$("#table2").rowspan(1);
$("#table2").rowspan(2);
}
});
</script>