Question

我有这样的表，我想通过单击表头进行排序。我正在关注本教程 http://www.srccodes.com/p/article/27/make-html-table-sortable-jquery-tablesorter-plugin

这对于手动添加到表中的数据很好，但对于通过角度动态添加的数据却不起作用。

<table class="table table-bordered tablesorter"  id="myDummyTable" width="100%" cellspacing="0">
    <thead>
        <tr>
            <th>Name</th>
            <th>age</th>
            <th>Birth Date</th>
            <th>Join date</th>      
            <th>Marks 1</th>
            <th>Marks 2</th>
            <th>Status</th>
        </tr>
    </thead>
    <tbody class = "smaller">
        <tr ng-repeat="show in showdata">
            <td>{{ show.name }}</td>
            <td>{{ show.age }}</td>
            <td>{{ show.birthdate}}</td>
            <td>{{ show.joindate}}</td>
            <td>{{ show.mark1  }}</td>
            <td>{{ show.mark2 }}</td>

           </td>
        </tr>
     </tbody>
</table>

还有其他方法可以做到吗，或者我做错了吗？

Answer 1

这可能会帮助您。将数据附加到表DOM后，调用$("table").tablesorter();。

$(document).ready(function () {
     $("#myDummyTable").tablesorter();
 });

使用tablesorter动态排序表

1 个答案: