JQuery合并表格单元格

转：http://www.cnblogs.com/xuguoming/p/3412124.html

JQuery合并表格单元格

一、需求

如果存在一个表格，想把其中某一列内容相同的部分合并单元格，用JQ动态如何操作，原始表格如下：

合并单元格之后的表格如下：

JQuery代码如下：

 1 <script type="text/javascript">
 2         jQuery.fn.rowspan = function (colIdx) {
 3             return this.each(function () {
 4                 var that;
 5                 $('tr', this).each(function (row) {
 6                     $('td:eq(' + colIdx + ')', this).filter(':visible').each(function (col) {
 7                         if (that != null && $(this).html() == $(that).html()) {
 8                             rowspan = $(that).attr("rowSpan");
 9                             if (rowspan == undefined) {
10                                 $(that).attr("rowSpan", 1);
11                                 rowspan = $(that).attr("rowSpan");
12                             }
13                             rowspan = Number(rowspan) + 1;
14                             $(that).attr("rowSpan", rowspan);
15                             $(this).hide();
16                         } else {
17                             that = this;
18                         }
19                     });
20                 });
21             });
22         }
23         $(document).ready(function () {
24             $("#table1").rowspan(0);
25             $("#table1").rowspan(2);
26         });
27     </script>

注：合并的是第一列和第三列，这个需求比较简单，不许多大的阐述^_^结束！

转载于:https://www.cnblogs.com/piaopiao7891/p/3412153.html

JQuery合并表格单元格相关推荐

JQuery合并table单元格--有限制（table格式需要注意）
JS代码: <scriptsrc="../js/jquery-1.6.1.min.js"type="text/javascript">< ...
使用CSS和JQuery实现表格单元格内容超出时部分隐藏，隐藏部分以...显示
1.使用CSS实现,给此单元格添加一个Class: width:130px; display:block; overflow:hidden; word-break:keep-all; white-sp ...
Markdown合并表格单元格
文章目录 1.Markdown本身不支持单元格合并 2.Html 合并行 3.Html 合并列 4.Html 合并行和列 1.Markdown本身不支持单元格合并 Markdown语法自带如下表格实现 ...
java使用poi在word中生成柱状图、折线图、饼图、柱状图+折线图组合图、动态表格、文本替换、图片替换、更新内置Excel数据、更新插入的文本框内容、合并表格单元格；
本文参考地址:https://blog.csdn.net/wangxiaoyingWXY/article/details/95377533 在参考文章的基础上,增加了扩展.感谢被参考的妹子.另外该博客 ...
java word导出表格_Java Word模板导出包含表格单元格合并
java通过freemarker导出word循环合并表格单元格本文主要讲解通过freemarker模板引擎来导出word,并且在word中包含表格的合并部分需要循环生成. 一.Java需要通过模板导 ...
html中如何定义斜框,html表格单元格添加斜下框线的方法
一.分隔单元格的方法 1.用"transform: rotate(-55deg);"把一条水平线旋转一定角度就成斜线了 2.利用以下命令调整分割线位置等. :after :befo ...
使用jquery合并表格中相同文本的相邻单元格
一.效果二.代码 <!DOCTYPE HTML> <html> <head><title>Example</title><meta ...
jQuery: 合并表格中相同文本的相邻单元格
一.效果二.代码 <!DOCTYPE HTML> <html> <head><title>Example</title><meta ...
element 表格单元格内容不换行_实例29_在Word表格中将上下行相同内容的单元格自动合并...
实例28讲了如何在Excel文件中自动合并上下行相同内容的单元格,此例则讲一讲如何在Word文件中做类似的操作.因为处理Excel和Word的模块是不同的,所以合并单元格也有一些差异.相对来说,Wor ...

JQuery合并表格单元格

一、需求

JQuery合并表格单元格相关推荐

最新文章

热门文章