关于前台合并获取后台动态table中数据相同的单元格的问题;th td合并
2016-11-24 11:14
1401 查看
将下面的这个算法,直接复制到你的js里面, 最后面的那个是你获取table的id,然后传入合并哪一列就行了。 //合并单元格算法 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; } }); }); }); } $("#sjdltjList")这个是table的id,你要合并哪一行就在后面传哪一行的数字 .rowspan(0); $(function() { $("#sjdltjList").rowspan(0); //传入的参数是对应的列数从0开始,哪一列有相同的内容就输入对应的列数值 $("#sjdltjList").rowspan(1); });
相关文章推荐
- 前台JS获取后台的Json数据, 动态创建table并填充数据
- 关于freemarker获取后台数值类型数据到前台出现逗号
- 《项目经验》--后台一般处理程序向前台JS文件传递JSON,JS解析JSON,将数据显示在界面--显示在DropDownList 或 显示在动态创建的table中
- 关于table动态添加数据 单元格合并 数组合并
- 关于从后台获取数据List<User>转化为JSON格式在前台用easyui以表格显示
- 关于先后两个方法从后台获取数据,传参报空的问题
- 关于easyui获取c#后台数据报错 Cannot read property 'length' of undefined的问题
- 前台中文数据后台achieveRequest().getParameter获取乱码问题
- bootstrap-table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题。
- html中后台动态绑定数据表格存在空白单元格问题
- 关于servlet中不能获取前台传入的json数据的问题
- 关于ExtJs前台Form获取后台的JSON数据
- iOS中关于动态Tableview中的cell数据传输的多线程问题解决之拙见
- Javascript学习笔记part1(Table单元格相同数据自动合并)
- 关于JQuery获取表格中任意单元格的数据问题
- 实现前台表格中相同数据单元格的合并
- ASP.NET关于前台脚本传递中文参数,后台获取乱码问题(乱码为方框,黑色方框等。。)
- 关于后台数据中包含的html代码在前台显示的问题
- 《项目经验》--后台一般处理程序向前台JS文件传递JSON,JS解析JSON,将数据显示在界面--显示在DropDownList 或 显示在动态创建的table中
- php、asp.net关于后台设置的cookie前台JS获取时出现中文乱码问题解决