jqGrid合并表头

依赖前一个博客中的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;
}

你可能感兴趣的:(jquery,css)