Question

我在我的html表上使用了一个开源的javascript表排序函数，但它只有在我不用另一个javascript函数（我需要做）改变表时才有效。

我的表：

<table id="myTable" class="random">
  <thead>
   <tr>
     <th>First</th>
     <th>Last</th>
   </tr>
  </thead>
  <tbody id ="mybody">
     <tr>
           <td>James</td>
           <td>Smith</td>

  </tr>
   <tr>
           <td>Kyle</td>
           <td>Thompson</td>

  </tr>
 </tbody>
</table>

我还有一个替换表

中的行的函数

 function addRow(item, i, tdcount) {
        document.getElementById("mybody").innerHTML = //replace rows
    }

仅当我没有单击按钮来替换行时，排序才有效。一旦我替换行，排序就会停止工作。有没有办法在表格被改变后对其进行排序？

编辑：顺便说一下，表数据是通过对不同服务器的AJAX调用生成的，该服务器查询数据库并返回我填入表中的JSON对象

Answer 1

解决方案是在表格改变后简单地添加对函数的调用：

function addRow(item, i, tdcount) {
    document.getElementById("mybody").innerHTML = //replace rows
    $(document).ready(function () {
            $("#myTable").tablesorter();
        }
}

如何使用javascript函数更改html表后对其进行排序

1 个答案: