依赖前一个博客中的jquery合并单元格插件
http://madbluesky.iteye.com/admin/blogs/538305
resizeStop:调用
function headerAliagn(newWidth,index,id){
var selector = "#"+id+"_xxx th:eq("+index+")";
var th = $(selector);
var colspan = parseInt(th.attr("colspan"));
if(colspan){
for(var i=1;i<colspan;i++){
selector = "#"+id+"_xxx th:eq("+(index+i)+")";
th.css("width",(parseInt(th.css("width"))+parseInt($(selector).css("width"))));
}
}
th.css("width",parseInt(th.width())+5*(colspan-1));
}
表格加载完时调用
function jqGridSpan(id){
loaded = typeof(loaded)==="undefined"?[]:loaded;
var tables = $("table");
var table_head = tables.filter(function(index){
if($(tables[index+1]).attr("id")==id){
$(tables[index]).attr("id",id+"_xxx");
return tables[index];
}
});
$.tableSpan.table_colspan("#"+id+"_xxx",1);
$("#"+id+"_xxx tr:first th:visible").each(function(){
var colspan = parseInt($(this).attr("colspan"));
if(colspan && !loaded[id]){
$(this).css("width",parseInt($(this).css("width"))+5*(colspan-1));
}
});
loaded[id] = true;
}
分享到:
相关推荐
jqgrid合并行、合并列 先看示例图片最终效果: jqgrid合并单元格 .jqgrid { width: 80%; margin: 0 auto; } /* 这个代码是解决表头有一点点错位的问题 */ .ui-state-default, .ui-widget-content .ui-state...
NULL 博文链接:https://474904099.iteye.com/blog/1846666
jqGrid 中的锁定固定的列并且关于jqGrid 中的一些排序的实现细节
jgrid中实现显示的列的动态显示值,列可配置生成
完美实现jqgrid合并单元格,可实现合并行、合并列,具体使用方法有注释说明。
NULL 博文链接:https://vipshow.iteye.com/blog/1812381
jqGrid数据调用实例
利用jquery的插件jqgrid实现表头合并、分组、合计、例子
jqGrid没有setComplexGroupHeaders方法,使用此插件实现三级分组表头功能
自定义的用于处理GridView的固定(冻结)表头,单行或多行复杂表头不限,能兼容多种济览器版本,对tableLayout:fixed和auto这两种情况都是支持的。
jquery table 表头固定 列固定 完美解决方案
jquery.jqGrid-4.6.0(jquery表格插件).zip----------jqGrid4.6.0包,官网下载的,原封不动的在这里。 jqgrid_demo40-----可用的-使用方法请查看README文件.rar-----------经我修改过的demo40,官网上面demo40下载...
jqGrid 学习 原理 2 jqGrid 学习之 皮肤 2 jqGrid 学习 2 jQuery 学习之:jqGrid 表格插件 参数配置 4 jqGrid 学习 自定义搜索 14 jqGrid 学习 搜索工具栏 16 jqGrid 学习 搜索 17 jqGrid 学习 自定义格式化类型 19 ...
在开发过程中遇到一个需求,根据供应商合并证照到期提醒天数,感觉还不错,所以就分享给大家
使用jquery绘制表格斜线,表格头斜线,无需使用图片。
非常实用的js固定表格标题和列的实例,兼容IE6以上以及火狐、谷歌等浏览器。 尤其对页面报表非常使用。
jqgrid
jquery.jqGrid-4.8.2(jquery表格插件).zip----------jqGrid4.8.2包,官网下载的,原封不动的在这里。 jqgrid_demo40-----可用的-使用方法请查看README文件. jqgrid_3.6.5_API_en.chm------附加放在这里的其它资料...
jqgrid中文文档API,使用JQGRID
基于jqgrid实现类似父子级树形菜单分页列表查询,让table页的行元素可以实现像ztree那样的上下级关系