JS控制页面表格内数据，按照条件排序

HTML 代码以下：

<table border="0" cellpadding="7" cellspacing="1" class="common"
    id="billTable">
    <thead>
     <tr>
      <td class="top" style="text-align: left">
       序号
      </td>
      <td class="top">
       购买方名称
      </td>            
      <td class="top">
       销售方名称
      </td>  
      <td class="top">
       号码
      </td>
      <td class="top">
       代码
      </td>
      <td class="top">
        类型
      </td>
      <td class="top">
        金额
      </td>
      <td class="top">
       税率
      </td>
      <td class="top">
       税额
      </td>
      <td class="top">
       价税合计
      </td>
      <td class="top">
        审核状态
      </td>            
      <td class="top">
        认证状态
      </td>            
      <td class="top">
       抵扣状态
      </td>            
      <td class="top">
       登记时间
      </td>
     </tr>
    </thead> 
    <tbody>
    <c:forEach items="${saBillInfoList}" var='saBillInfo' varStatus="status">
     <tr>
      <td align="left" nowrap class="page">
       <input type="radio" name='checkboxSelect' value='${status.count}'/> 
       ${status.count}          
       <input type="hidden" name='id' value="${saBillInfo.id}" readonly="readonly"/>  
      </td>
      <td align="center" class="page">
       ${saBillInfo.buyerName}
       <input type="hidden" name='buyerName' value="${saBillInfo.buyerName}" readonly="readonly"/>  
      </td>
      <td align="center" class="page">
       ${saBillInfo.salerName}
       <input type="hidden" name='salerName' value="${saBillInfo.salerName}" readonly="readonly"/>  
      </td>
      <td align="center" class="page">
       ${saBillInfo.billCode}
       <input type="hidden" name='billCode' value="${saBillInfo.billCode}" readonly="readonly"/>  
      </td>
      <td align="center" class="page">
       ${saBillInfo.billNo}
       <input type="hidden" name='billNo' value="${saBillInfo.billNo}" readonly="readonly"/>  
      </td>
      <td align="center" class="page">
       <%-- 判断 类型在页面显示--%>
       <c:choose>
         <c:when test="${saBillInfo.billType eq '01' }">  
              增值税专用          </c:when>
         <c:when test="${saBillInfo.billType eq '02' }">  
              增值税普通          </c:when>
         <c:when test="${saBillInfo.billType eq '03' }">  
              红字增值税专用          </c:when>
         <c:when test="${saBillInfo.billType eq '04' }">  
              红字增值税普通         </c:when>
       </c:choose>
       <input type="hidden" name='billType' value="${saBillInfo.billType}"/>       
      </td>
      <td align="center" class="page">
       ${saBillInfo.billAmount}
       <input type="hidden" name='billAmount' value="${saBillInfo.billAmount}" readonly="readonly"/>  
      </td>
      <td align="center" class="page">
       ${saBillInfo.taxRate}
       <input type="hidden" name='taxRate' value="${saBillInfo.taxRate}" readonly="readonly"/>  
      </td>
      <td align="center" class="page">
       ${saBillInfo.tax}
       <input type="hidden" name='tax' value="${saBillInfo.tax}" readonly="readonly"/>  
      </td>
      <td align="center" class="page">
       ${saBillInfo.total}
       <input type="hidden" name='total' value="${saBillInfo.total}" readonly="readonly"/>  
      </td>
      <td align="center" class="page">
      <%-- 判断 在页面显示 审核状态 0：待审核；1：审核中；2：审核经过；3：审核不经过--%>
       <c:choose>
         <c:when test="${saBillInfo.verifyStatus eq '0' }">  
              待审核
         </c:when>
         <c:when test="${saBillInfo.verifyStatus eq '1' }">  
              审核中
         </c:when>
         <c:when test="${saBillInfo.verifyStatus eq '2' }">  
             审核经过
         </c:when>
         <c:when test="${saBillInfo.verifyStatus eq '3' }">  
              审核不经过
         </c:when>
       </c:choose>
       <input type="hidden" name='verifyStatus' value="${saBillInfo.verifyStatus}" readonly="readonly"/>  
      </td>      
      <td align="center" class="page">
      <%-- 判断 在页面显示  认证状态 0：未认证；1：认证经过；2：认证失败--%>
       <c:choose>
         <c:when test="${saBillInfo.confirmStatus eq '0' }">  
              未认证
         </c:when>
         <c:when test="${saBillInfo.confirmStatus eq '1' }">  
             认证经过
         </c:when>
         <c:when test="${saBillInfo.confirmStatus eq '2' }">  
              认证失败
         </c:when>
       </c:choose>
       <input type="hidden" name='confirmStatus' value="${saBillInfo.confirmStatus}" readonly="readonly"/>  
      </td>
      <td align="center" class="page">
      <%-- 判断 在页面显示 抵扣状态 0：未抵扣；1：已抵扣--%>
       <c:choose>
         <c:when test="${saBillInfo.creditStatus eq '0' }">  
              未抵扣
         </c:when>
         <c:when test="${saBillInfo.creditStatus eq '1' }">  
              已抵扣
         </c:when>         
       </c:choose>
       <input type="hidden" name='creditStatus' value="${saBillInfo.creditStatus}" readonly="readonly"/>  
      </td>
      <td align="center" class="page">
       ${saBillInfo.rigdate}
       <input type="hidden" name='rigdate' value="${saBillInfo.rigdate}" readonly="readonly"/>  
      </td>
     </tr>
    </c:forEach>
    </tbody>    
    <tfoot>
     <tr>
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
       <tr align="center">
        <td style="background: #F7F7F7;">
         <input type="button" class="button" value="查看"
          onclick="submitQuery()" src="/sales/images/btnSave.gif"
          width="75" height="20" border="0"/>
        </td>       
        <td style="background: #F7F7F7;">
         <input type="button" class="button" value="修改"
          onclick="submitModify()" src="/sales/images/btnSave.gif"
          width="75" height="20" border="0"/>
        </td>
        <td style="background: #F7F7F7;">
         <input type="button" class="button" value="解绑"
          onclick="submitUnBund()" src="/sales/images/btnSave.gif"
          width="75" height="20" border="0"/>
        </td>
        <td style="background: #F7F7F7;">
         <input type="button" class="button" value="注销"
          onclick="submitDelete()" src="/sales/images/btnSave.gif"
          width="75" height="20" border="0"/>
        </td>
       </tr>
      </table>
     </tr>
    </tfoot>
   </table>

JS代码以下：

<script>
 var sortTable = new SortableTable(document.getElementById("billTable"),
 ["None", "Number", "Number","None","None","None","None","None","Number","Number","Number","Number","Number","Date"]);
</script>

注意：

    thead,tbody,tfoot 要按要求写