Сортировка базы данных сгенерированной таблицы

Question

Я хочу создать таблицу с информацией о БД, используя ejs и node.js.

<table class="table table-striped table-hover" id="loaded-table">
    <thead>
        <tr>
            <th>First</th>
            <th>Second</th>
            <th>Third</th>
            <th>Fourth</th>
            <th>Fifth</th>
        </tr>
    </thead>
    <tbody>
    <% for(var i=0; i < data.length; i++) { %>
        <tr>
            <td> <%= data[i].prsnl_firstName %> </td>
            <td> <%= data[i].prsnl_lastName %> </td>
            <td> <%= data[i].prsnl_city %> </td>
            <td> <%= data[i].prsnl_email %> </td>
            <td> <%= data[i].prsnl_age %> </td>
        </tr>
    <% } %>
    </tbody>
</table>

Но я также хочу, чтобы это было сортируемо. Как в википедии, где вы нажимаете на один из th и таблица сортируется по этому столбцу. Проблема в том, что попытка использовать плагин jquery не работает, потому что на момент выполнения кода таблицы буквально не существует. Есть ли способ сделать это?

Answer 1

Хорошо, вы можете использовать свой JQuery plugin (Пример http://tablesorter.com/docs/), но вы должны убедиться, что вы выполняете сортируемое поведение после создания таблицы, вы должны использовать следующие сценарии:

1) Таблица создается при отрисовке страницы, для этого случая вам нужно будет запустить, используя document on ready

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

2) Если ваша таблица создана после некоторого триггера, просто запустите $("#myTable").tablesorter(); или эквивалент после триггера.