![](/img/trans.png)
[英]How to reset an HTML table to its original after changing it with a javascript function?
[英]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.