冻结 锁定 固定 行 列 表头 抬头 html table jquery 全兼容常见浏览器.docxVIP

冻结 锁定 固定 行 列 表头 抬头 htmltablejquery 全兼容常见浏览器

!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN://./TR/xhtml1/DTD/xhtml1-transitional.dtd

htmlxmlns=://./1999/xhtml

head

titlenewdocument/title

METANAME=GeneratorCONTENT=EditPlus,Microshaoft

METANAME=AuthorCONTENT=EditPlus,Microshaoft

METANAME=KeywordsCONTENT=EditPlus,Microshaoft

METANAME=DescriptionCONTENT=EditPlus,Microshaoft

scripttype=text/javascriptsrc=:///jquery-1.6.1.min.js/script

scripttype=text/javascript

!--

functionFixTable(TableID,FixColumnNumber,width,height){

///summary

/// 锁定表头和列

/// para/para

////summary

///paramname=TableIDtype=String

/// 要锁定的Table的ID

////param

///paramname=FixColumnNumbertype=Number

/// 要锁定列的个数

////param

///paramname=widthtype=Number

/// 显示的宽度

////param

///paramname=heighttype=Number

/// 显示的高度

////param

if($(#+TableID+_tableLayout).length!=0){

$(#+TableID+_tableLayout).before($(#+TableID));

$(#+TableID+_tableLayout).empty();

}

else{

$(#+TableID).after(divid=+TableID+_tableLayoutstyle=overflow:hidden;height:+height+px;width:+width

+px;/div);

}

$(divid=+TableID+_tableFix/div

+divid=+TableID+_tableHead/div

+divid=+TableID+_tableColumn/div

+divid=+TableID+_tableData/div).appendTo(#+TableID+_tableLayout);varoldtable=$(#+TableID);

vartableFixClone=oldtable.clone(true);tableFixClone.attr(id,TableID+_tableFixClone);

$(#+TableID+_tableFix).append(tableFixClone);vartableHeadClone=oldtable.clone(true);tableHeadClone.attr(id,TableID+_tableHeadClone);

$(#+TableID+_tableHead).append(tableHeadClone);vartableColumnClone=oldtable.clone(true);

tableColumnClone.attr(id,TableID+_tableColumnClone);

$(#+TableID+_tableColumn).append(tableColumnClone);

$(#+TableID+_tableData).append(oldtable);

$(#+TableID+_tableLayouttable).each(function(){

$(this).css(margin,0);

});

varHeadHeight=$(#+TableID+_tableHeadthead).height();HeadHeight+=2;