合并单元格式

摘要:
parseInt+1:2);//分配rowspan属性}else{s=s1;prevTd=td;}});})电话:$。MergeColumns();通话前:通话后:2。左右合并(合并行)$。fn。MergeRows=function(){returnthis.each(function){$(this).find('tr').each(function()}{vars=null;varprevTd=null;for(vari=0;i˂$(this).find('td').size();i++){vartd=$(this”.find).eq(i);vars1=td.text();if(s1=s){//当同一td相同时执行合并操作td.hide();//hide()隐藏同一td,并删除()会导致桌子放错地方。在此处使用hideprevivTd.attr('lspan',prevTd.ttr('olspan')?

1.上下合并(列合并)

   

        $.fn.MergeColumns = function() {
return this.each(function() {
for (var i = $(this).find('tr:first td').size() - 1; i >= 0; i--) { //获取表格td的数量进行循环
var s = null;
var prevTd = null;
$(this).find('tr').each(function() {
var td = $(this).find('td').eq(i);
var s1 = td.text();
if (s1 == s) { //相同即执行合并操作
td.hide(); //hide() 隐藏相同的td ,remove()会让表格错位 此处用hide
prevTd.attr('rowspan', prevTd.attr('rowspan') ? parseInt(prevTd.attr('rowspan')) + 1 : 2); //赋值rowspan属性
}
else {
s = s1;
prevTd = td;
}
});
}
});
}

调用:

$("#TableId").MergeColumns();

调用前:

合并单元格式第1张

调用后:

合并单元格式第2张

2.左右合并(行合并)

        $.fn.MergeRows = function() {
return this.each(function() {
$(this).find('tr').each(function() {
var s = null;
var prevTd = null;
for (var i = 0; i < $(this).find('td').size(); i++) {
var td = $(this).find('td').eq(i);
var s1 = td.text();
if (s1 == s) { //相同即执行合并操作
td.hide(); //hide() 隐藏相同的td ,remove()会让表格错位 此处用hide
prevTd.attr('colspan', prevTd.attr('colspan') ? parseInt(prevTd.attr('colspan')) + 1 : 2); //赋值colspan属性
}
else {
s = s1;
prevTd = td;
}
}
});
});
}

调用:

$("#TableId").MergeRows ();

调用前:

合并单元格式第3张

调用后:

合并单元格式第4张

免责声明:文章转载自《合并单元格式》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Centos 7.0 Firewall-cmd 使用方式[问题]数据库MySQL和Navicat的乱码问题下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

PHPWord生成word实现table合并(colspan和rowspan)

PHPWord(http://phpword.codeplex.com/)是一个很好处理和生成WORD文档的工具,但是生成复杂的word,如colspan和rowspan的实现,还是需要你做些修改。 第一步:在phpword/Style/Cell.php文件类中添加如下属性: private $_gridSpan;//for the colspan pri...

Qt之格栅布局(QGridLayout)

简述 QGridLayout:格栅布局,也被称作网格布局(多行多列)。 栅格布局将位于其中的窗口部件放入一个网状的栅格之中。QGridLayout需要将提供给它的空间划分成的行和列,并把每个窗口部件插入并管理到正确的单元格。 栅格布局是这样工作的: 它计算了位于其中的空间,然后将它们合理的划分成若干个行(row)和列(column),并把每个由它管理的窗口...

无服务端纯前台导出数据到Excel-JSExcelXML.js 使用指南

JSExcelXML 使用指南 先来个效果预览  a.前端显示   b.导出excel效果 表头部分   表尾部分   1.功能描述  JsExcelXml 采用js生成excel中可显示的xml格式文本,将输出文本保存为.xls格式即可,可实现所见即所得,该版本和上个版本有较多的改动,现在的版本更加灵活,该版本分别在IE8,9,10,chrome,Fir...

el-table的动态合并行和列

//实现效果-----亲测有效 数据纯属虚构 //表格标签  <el-table v-loading="loading" :data="tableData" :span-method="objectSpanMethod" class="table"...