预览加载中，请您耐心等待几秒...

具备排序功能的表格(JS+CSS+table).doc

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共14页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><title>具备排序功能的表格(JS+CSS+table)-</title><head><STYLEtype=text/css>TABLE{BORDER-RIGHT:#0000002pxsolid;BORDER-TOP:#0000002pxsolid;BORDER-LEFT:#0000002pxsolid;BORDER-BOTTOM:#0000002pxsolid;border-spacing:0px;cell-spacing:0px}TD{PADDING-RIGHT:0.5em;PADDING-LEFT:0.5em;FONT-SIZE:10pt;PADDING-BOTTOM:2px;PADDING-TOP:2px;FONT-FAMILY:Arial,Helvetica,sans-serif;WHITE-SPACE:nowrap}TH{PADDING-RIGHT:0.5em;PADDING-LEFT:0.5em;FONT-SIZE:10pt;PADDING-BOTTOM:2px;PADDING-TOP:2px;FONT-FAMILY:Arial,Helvetica,sans-serif;WHITE-SPACE:nowrap}TD.numeric{TEXT-ALIGN:right}TH{BACKGROUND-COLOR:#c0c0c0}TH.mainHeader{COLOR:#ffffff;BACKGROUND-COLOR:#808080;TEXT-ALIGN:left}THA{COLOR:#000080;TEXT-DECORATION:none}THA:visited{COLOR:#000080}THA:active{COLOR:#800000;TEXT-DECORATION:underline}THA:hover{COLOR:#800000;TEXT-DECORATION:underline}TR.alternateRow{BACKGROUND-COLOR:#e0e0e0}TD.sortedColumn{BACKGROUND-COLOR:#f0f0f0}TH.sortedColumn{BACKGROUND-COLOR:#b0b0b0}TR.alternateRowTD.sortedColumn{BACKGROUND-COLOR:#d0d0d0}</STYLE><SCRIPTtype=text/javascript>//-----------------------------------------------------------------------------//sortTable(id,col,rev)////id-IDoftheTABLE,TBODY,THEADorTFOOTelementtobesorted.//col-Indexofthecolumntosort,0=firstcolumn,1=secondcolumn,//etc.//rev-Iftrue,thecolumnissortedinreverse(descending)order//initially.////Note:theteamnamecolumn(index1)isusedasasecondarysortcolumnand//alwayssortedinascendingorder.//-----------------------------------------------------------------------------functionsortTable(id,col,rev){//Getthetableortablesectiontosort.vartblEl=document.getElementById(id);//Thefirsttimethisfunctioniscalledforagiventable,setupan//arrayofreversesortflags.if(tblEl.reverseSort==null){tblEl.reverseSort=newArray();//Also,assumetheteamnamecolumnisinitiallysorted.tblEl.lastColumn=1;}//Ifthiscolumnhasnotbeensortedbefore,setthei