Qt TableWidget 固定表头 实例是本文要介绍的内容，使TableWidget 固定表头一个js插件的实例，先来看内容。

公司项目里面很多地方都需要用到,出列表的时候固定表头，滚动表体，思路就是动态创建一个div,然后里面创建2个div,一个title,一个body，然后用clone的方法，分别处理2个div的内容

使用说明:

vartableWidget=newTableWidget("TableID","DestID","100%","300px"); 
tableWidget.change();

表格需要固定宽度，table 需要加 style="table-layout: fixed;"

/* 
*函数名称:Widget 
*作者:yithcn 
*功能说明:固定表格头，表体可以滚动 
*创建日期:2010.10.13 
*/ 
functionTableWidget(table,dest,width,height){ 
this.construct(table,dest,width,height); 
}; 
TableWidget.prototype={ 
table:null, 
dest:null, 
widht:null, 
height:null, 
tdiv:null, 
bdiv:null, 
create:function(){ 
varthat=this; 
vardiv=document.createElement("div"); 
div.style.cssText="background-color:white;width:"+that.width; 
that.dest.appendChild(div); 
//title 
vartitlediv=document.createElement("div"); 
titlediv.style.cssText="width:100%;"; 
div.appendChild(titlediv); 
//body 
varbodydiv=document.createElement("div"); 
bodydiv.style.cssText="overflow:auto;height:"+that.height+";"; 
bodydiv.appendChild(that.table); 
div.appendChild(bodydiv); 
varnewtable=that.table.cloneNode(true); 
varlen=newtable.rows.length; 
for(vari=len-1;i>0;i--){ 
newtable.deleteRow(i); 
} 
titlediv.appendChild(newtable); 
that.table.deleteRow(0); 
that.tdiv=titlediv; 
that.bdiv=bodydiv; 
}, 
construct:function(table,dest,width,height){ 
varthat=this; 
window.onload=function(){ 
if(table&&typeoftable=="string") 
table=document.getElementById(table); 
if(dest&&typeofdest=="string") 
dest=document.getElementById(dest); 
else 
dest=document.body; 
widthwidth=width||"100%"; 
heightheight=height||"300px"; 
height=parseInt(height)-table.rows[0].offsetHeight; 
that.table=table; 
that.dest=dest; 
that.width=width; 
that.height=height; 
that.create(); 
that.change(); 
} 
}, 
change:function(){ 
varthat=this; 
if(that.table.offsetHeight>parseInt(that.height)){ 
that.tdiv.style.width=parseInt(that.bdiv.offsetWidth)-16; 
} 
else{ 
that.tdiv.style.width=parseInt(that.bdiv.offsetWidth); 
} 
} 
};

之所以会有一个change方法，是因为在项目当中需要动态改变列表，要计算表头和表体滚动条。

小结：Qt TableWidget 固定表头 实例的内容介绍完了， 希望本文对你有所帮助！