<script type="text/javascript">
function generateCompareTRs(iCol, sDataType) {
return function compareTRs(oTR1, oTR2) {
vValue1 = convert(oTR1.cells[iCol].firstChild.nodeValue, sDataType);
vValue2 = convert(oTR2.cells[iCol].firstChild.nodeValue, sDataType);
if (vValue1 <vValue2) {
return -1;
} else if (vValue1> vValue2) {
return 1;
} else {
return 0;
}
};
}
function convert(sValue, sDataType) {
switch (sDataType) {
case "int" :
return parseInt(sValue);
case "float" :
return parseFloat(sValue);
case "date" :
return new Date(Date.parse(sValue));
default :
return sValue.toString();
}
}
function sortTable(sTableID, iCol, sDataType) {
var oTable = document.getElementById(sTableID);
var oTBody = oTable.tBodies[0];
var colDataRows = oTBody.rows;
var aTRs = new Array;
for ( var i = 0; i <colDataRows.length; i++) {
aTRs[i] = colDataRows[i];
}
if (oTable.sortCol == iCol) {
aTRs.reverse();
} else {
aTRs.sort(generateCompareTRs(iCol, sDataType));
}
var oFragment = document.createDocumentFragment();
for ( var j = 0; j <aTRs.length; j++) {
oFragment.appendChild(aTRs[j]);
}
oTBody.appendChild(oFragment);
oTable.sortCol = iCol;
}
</script>
<html xmlns = "http://www.w3.org/1999/xhtml">
<title> 表列排序 </title>
<body>
<table border = "1" id = "tblSort">
<thead style = "color: red; bgcolor: blank">
<tr>
<th onclick = " sortTable('tblSort',0);" style = "cursor: pointer"> LastName </th>
<th onclick = " sortTable('tblSort',1,'int');" style = "cursor: pointer"> Number </th>
<th onclick = " sortTable('tblSort',2,'date');" style = "cursor: pointer"> Date </th>
</tr>
</thead>
<tbody>
<tr>
<td> A </td>
<td> 1 </td>
<td> 5/9/2008 </td>
</tr>
<tr>
<td> B </td>
<td> 3 </td>
<td> 6/9/2008 </td>
</tr>
<tr>
<td> D </td>
<td> 6 </td>
<td> 5/4/2008 </td>
</tr>
<tr>
<td> E </td>
<td> -5 </td>
<td> 5/4/2007 </td>
</tr>
<tr>
<td> H </td>
<td> 34 </td>
<td> 5/8/2008 </td>
</tr>
<tr>
<td> C </td>
<td> 12 </td>
<td> 1/4/2018 </td>
</tr>
</tbody>
</table>
</body>
</html>
667
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
