jQuery easyUI表格相同连续列合并
来源:互联网 发布:daas大数据 编辑:程序博客网 时间:2024/05/16 07:23
下面的代码直接拷贝即可。
$.extend($.fn.datagrid.methods, { autoMergeCells: function(jq, fields) { return jq.each(function() { var target = $(this); if (!fields) { fields = target.datagrid("getColumnFields"); } var rows = target.datagrid("getRows"); var i = 0, j = 0, temp = {}; for (i; i < rows.length; i++) { var row = rows[i]; j = 0; for (j; j < fields.length; j++) { var field = fields[j]; var tf = temp[field]; if (!tf) { tf = temp[field] = {}; tf[row[field]] = [i]; } else { var tfv = tf[row[field]]; if (tfv) { tfv.push(i); } else { tfv = tf[row[field]] = [i]; } } } } $.each(temp, function(field, colunm) { $.each(colunm, function() { var group = this; if (group.length > 1) { var before, after, megerIndex = group[0]; for (var i = 0; i < group.length; i++) { before = group[i]; after = group[i + 1]; if (after && (after - before) == 1) { continue; } var rowspan = before - megerIndex + 1; if (rowspan > 1) { target.datagrid('mergeCells', { index: megerIndex, field: field, rowspan: rowspan }); } if (after && (after - before) != 1) { megerIndex = after; } } } }); }); }); }});
在 onLoadSuccess: function (data) {}中直接调用即可。
$('#dg').datagrid({ onLoadSuccess: function (data) { //所有列进行合并操作 $(this).datagrid("autoMergeCells"); //指定列进行合并操作 $(this).datagrid("autoMergeCells", ['regionname']); }});
阅读全文
0 0
- jQuery easyUI表格相同连续列合并
- jQuery Easyui Datagrid相同连续列合并扩展
- jQuery Easyui Datagrid相同连续列合并扩展 (有效!)
- EasyUI DataGrid 相同连续列合并
- 使用easyUI datagrid 合并相同连续列
- 表格合并相同列,相同行的jquery实现
- jquery合并单元格(表格相邻列内容相同合并)
- JS table 表格相同列合并
- js实现表格table相同列合并
- 用jQuery合并表格中左侧表头同列相同文本的相邻单元格
- 使用jQuery实现页面表格中相同内容的行或列合并
- 使用jQuery实现页面表格中相同内容的行或列合并
- 用jQuery合并表格中左侧表头同列相同文本的相邻单元格
- [JS&Jquery]实现页面表格中相同内容的行或列合并
- C#在Excel中将连续多列相同数据项合并
- js将具有连续相同内容的列进行合并
- easyui datagrid 相同列合并/编辑行后保存
- 前台页面table表格相同数据列合并
- mybatis卡死,项目的数据库操作没响应,控制台不报错。
- Cannot create a symlink to ...... Read only file system
- 创建自己的portlet
- 87、java的IO操作-复制文本
- 根据已有项目下lib包里jar文件生成maven的pom.xml 里面所有依赖
- jQuery easyUI表格相同连续列合并
- Android中SeLinux权限 .te文件编写
- 解决Release版本--Qt编译器发生内部错误C1001问题
- 序列
- Java:继承 (概念特点)
- 88、java的IO操作-复制图片
- JVM堆内存结构
- 恢复IP地址-LintCode
- PC-Lint中Int文件的配置,参考au-sm.lnt