简略的表格排序

简单的表格排序
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;html&gt;   &lt;head&gt;     &lt;title&gt;多列表排序&lt;/title&gt;     &lt;script type="text/javascript"&gt;     //多列表排序 function generateComapreTRs(iCol) {   return function compareTRs(oTR1,oTR2)    {     var sValue1= oTR1.cells[iCol].firstChild.nodeValue;     var sValue2= oTR2.cells[iCol].firstChild.nodeValue;     return sValue1.localeCompare(sValue2);    } } function sortTable(sTableID,iCol) {   var oTable = document.getElementById(sTableID);   var oTBody = oTable.tBodies[0];   var colDataRows = oTBody.rows;   var aTRs = new Array;   //将所有节点加入数组，加入的只是指针   for (var i=0;i &lt; colDataRows.length;i++ ) {    aTRs.push(colDataRows);   }   //对数组排序   aTRs.sort(generateComapreTRs(iCol));      //创建一个碎片文档，将所有的&lt;tr/&gt;元素添加进去，并将它们从原来的表格删除。   //最后添加的是碎片的所有字几点，并非碎片本身。   var oFragment = document.createDocumentFragment();   for (var i=0;i&lt;aTRs.length;i++) {    oFragment.appendChild(aTRs);   }      oTBody.appendChild(oFragment); } &lt;/script&gt;   &lt;/head&gt;    &lt;body&gt; &lt;table id="tblSort"&gt;   &lt;thead&gt;     &lt;tr&gt;  &lt;!-- 表头     --&gt;       &lt;th onclick="sortTable('tblSort',0)" style="cursor=pointer" &gt; 列名 &lt;/th&gt;       &lt;th onclick="sortTable('tblSort',1)" style="cursor=pointer" &gt; 列名2 &lt;/th&gt;     &lt;/tr&gt;   &lt;/thead&gt;   &lt;tbody&gt;  &lt;!-- 表体     --&gt;     &lt;tr&gt;       &lt;td&gt; bao zi &lt;/td&gt;       &lt;td&gt; 345 &lt;/td&gt;     &lt;/tr&gt;     &lt;tr&gt;       &lt;td&gt; xiaozi &lt;/td&gt;       &lt;td&gt; gefdgfsdf &lt;/td&gt;     &lt;/tr&gt;     &lt;tr&gt;       &lt;td&gt; baobao &lt;/td&gt;       &lt;td&gt; zger &lt;/td&gt;     &lt;/tr&gt;     &lt;tr&gt;       &lt;td&gt; huanghu &lt;/td&gt;       &lt;td&gt; buure &lt;/td&gt;     &lt;/tr&gt;     &lt;tr&gt;       &lt;td&gt; lzc &lt;/td&gt;       &lt;td&gt; xcbsd &lt;/td&gt;     &lt;/tr&gt;   &lt;/tbody&gt; &lt;/table&gt; &lt;/body&gt; &lt;/html&gt;
简略的表格排序

热点推荐
