Динамическая сортировка таблицы с использованием TableSorter - PullRequest
Новая
       9

Динамическая сортировка таблицы с использованием TableSorter

0 голосов
/ 30 января 2019

У меня есть такая таблица, которую я хочу отсортировать, нажав на заголовок таблицы.Я следую этому уроку 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>

Есть ли другой способсделать это или я делаю это неправильно?

1 Ответ

0 голосов
/ 30 января 2019

Это может помочь вам.Вызовите $("table").tablesorter(); после добавления данных в таблицу DOM. 

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