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

У меня есть такая таблица, которую я хочу отсортировать, щелкнув заголовок таблицы. Я следую этому руководству http://www.srccodes.com/p/article/27/make-html-table-sortable-jquery-tablesorter-plugin

Это отлично работает для вручную добавленных данных в таблицу, но для динамически добавленных с помощью angular это не работает.

<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>

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