Сортировка таблиц с помощью плагина tablesorter.js

Скачать плагин tablesorter.js можно в конце статьи ;)

Рано или поздно в своей программистской деятельности Вы встретитесь с проблемой сортировки таблиц. Сейчас я хочу рассказать о небольшом, но очень полезном плагине, который Вам в этом поможет.

Многие начнут изобретать велосипеды, а Вы, уже знаете что сортировку таблицы можно реализовать с помощью плагина tablesorter.js.

Рассмотрим пример сортировки таблицы с помощью плагина tablesorter.js. Создадим простую таблицу:

<table class="users">
  <thead>
    <tr>
      <th>ID</th>
      <th>Имя</th>
      <th>Дата регистрации</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Вася</td>
      <td>2016-01-24</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Петя</td>
      <td>2016-01-21</td>
    </tr>
    <tr>
      <td>3</td>
      <td>Алена</td>
      <td>2015-12-14</td>
    </tr>
  </tbody>
</table>

Подключение плагинов в HEAD сайта я пропущу, думаю Вы уже с этим знакомы. Если Вы затрудняетесь это сделать, то можно прочитать мой урок Подключение JavaScript

Запускаем плагин сортировки таблиц tablesorter.js. Он должен выполниться после инициализации самой таблицы в браузере. Для надежности, мы запустим скрипт после загрузки документа.

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

А теперь посмотрим, что у нас получилось(попробуйте покликать на заголовки таблицы):

ID Имя Дата регистрации
1 Вася 2016-01-24
2 Петя 2016-01-21
3 Алена 2015-12-14

Скачать плагин tablesorter.js