抛砖引玉:<script language="javascript">
var sortStr = "唐宋元明清";
function sortCol(colId)
{
var tbl=document.getElementById("myTable");
var rowLen = tbl.rows.length;
for(i=1;i<rowLen-1;i++)
{
colText1 = tbl.rows[i].cells[colId].innerText;
for(j=i+1;j<rowLen;j++)
{
colText2 = tbl.rows[j].cells[colId].innerText;
if(sortStr.indexOf(colText1.substr(0,1))<sortStr.indexOf(colText2.substr(0,1)))
{
swapRow(tbl,i,j);
break;
}
}
}
}//交换行内容
function swapRow(tab,s,d)
{
var len = tab.rows[0].cells.length;
var arr = [];//保存第s行的数据
for(m=0;m<len;m++)
{
arr[m] = tab.rows[s].cells[m].innerHTML;
}
for(n=0;n<len;n++)
{
tab.rows[s].cells[n].innerHTML = tab.rows[d].cells[n].innerHTML;
tab.rows[d].cells[n].innerHTML = arr[n];
}
}
</script>按"唐宋元明清"倒序排列
<table width="150" border="0" cellpadding="4" cellspacing="1" bgcolor="#CCCCCC" id="myTable">
  <tr bgcolor="#CCCCCC">
    <td>ID</td>
    <td>列名</td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>1</td>
    <td>明</td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>2</td>
    <td>唐</td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>3</td>
    <td><strong>清</strong></td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>4</td>
    <td>元</td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>5</td>
    <td>宋</td>
  </tr>
</table>
<p><input type="button" value="表格排序"  onclick="sortCol(1);"/></p>