我的网站中有以下 html:
<table id="list" class="tablesorter">
<thead id="header">
</thead>
<tbody id="rows">
</tbody>
</table>
我使用 JavaScript 加载表的标题和行。我如何填写标题的示例:
$.get( '/getdata',{}, function(mydata) {
// Parses JSON Into Array
var array = $.parseJSON(mydata);
var html = '<tr>';
html+='<th>#</th>';
html+='<th>One</th>';
html+='<th">TOTAL</th>';
var available = {};
for (var i = 0; i < array.length; i++) {
available_item = array[i];
html+='<th><abbr title="'+array[i].text+'"><img src="img/flags2/'+array[i].country+'.png"></img></abbr></th>';
};
html += '</tr>';
$(html).appendTo('#header');
});
行的填充方式类似:ajax get、for 循环和附加到 html。
现在我需要表列可排序。 我试图让它与 jquery tablesorter 一起工作但它不起作用。我认为它不起作用,因为我的数据是使用 JavaScript 加载的。
如何使该表可排序?
最佳答案
添加 $("#list").tablesorter();最后(当表已经填充了所有数据、thead 和 tbody 时)...我在我的应用程序中使用相同的并且工作正常。
关于javascript - 使 html 表可排序(使用 javascript 加载标题和数据),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29610982/