javascript - 使 html 表可排序(使用 javascript 加载标题和数据)

Question

我的网站中有以下 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 加载的。

如何使该表可排序？

Answer 1

添加 $("#list").tablesorter();最后(当表已经填充了所有数据、thead 和 tbody 时)...我在我的应用程序中使用相同的并且工作正常。