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

【问题标题】：How to sort html table after changing it with javascript function使用javascript函数更改html表后如何对其进行排序
【发布时间】：2014-06-13 21:06:29
【问题描述】：

我在我的 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 对象

【问题讨论】：

“开源的javascript表格排序功能”
allmyscripts.com/Table_Sort
顺便说一句，表数据是通过 AJAX 调用到不同的服务器生成的，该服务器查询数据库并返回我填写到表中的 JSON 对象
我不知道库，但它会在页面加载时加载数据吗？如果数据发生变化，您可能要添加，再次调用该函数。我会尝试复制您的表，看看是否是问题所在。
太棒了。我很高兴它奏效了。我没有将评论作为答案，因为我不熟悉图书馆。

标签： javascript html

【解决方案1】：

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

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

【讨论】：