繁体   English   中英

用javascript函数更改html表后如何排序

[英]How to sort html table after changing it with javascript function

我在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();
        }
}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM