最近在用jqgrid,但是需要对Header进行多级分组,结果出现下面现象:
简单整理了一下JS源码里的内容( 这是min.js文件,还有src.js文件):
{
b=a.extend({
useColSpanStyle:!1,
groupHeaders:[]
},b||{
});
return this.each(function(){
this.p.groupHeader=b;
var c,d,h=0,k,e,s,f,g,
m=this.p.colModel,
x=m.length,
q=this.grid.headers,
p=a("table.ui-jqgrid-htable",this.grid.hDiv),
l=p.children("thead").children("tr.ui-jqgrid-labels:last").addClass("jqg-second-row-header");
k=p.children("thead");
var n=p.find(".jqg-first-row-header");
void 0===n[0]?
n=a("<tr>",{
role:"row","aria-hidden":"true"}).addClass("jqg-first-row-header").css("height","auto"):n.empty();
var r,w=function(a,b){
var c=b.length,d;
for(d=0; d<c; d++)
if(b[d].startColumnName===a)
return d;
return-1
};
a(this).prepend(k);
k=a("<tr>",{
role:"rowheader"}).addClass("ui-jqgrid-labels jqg-third-row-header");
for(c=0; c<x; c++)
if( s=q[c].el,
f=a(s),
d=m[c],
e={
height:"0px",width:q[c].width+"px",display:d.hidden?"none":""},
a("<th>",{
role:"gridcell"}).css(e).addClass("ui-first-th-"+this.p.direction).appendTo(n),
s.style.width="",
e=w(d.name,b.groupHeaders),
0<=e){
e=b.groupHeaders[e];
h=e.nu