如何排序html表后，改变它与javascript函数

How to sort html table after changing it with javascript function

本文关键字：改变 函数 javascript 表后 html 何排序 排序      更新时间：2023-09-26

我在我的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对象，我将其填充到表

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

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