Простая сортировка таблицы на чистом JavaScript

Ещё один вариант простой сортировки таблицы. На данный момент сортирует строки/числа. В планах также реализовать сортировку по датам/времени.

[ Demo: codepen.io ]

Подключение

Ничего не обычного, подключаем js:

<script src="/path/to/src/js/aiSortTable.min.js"></script>

и при необходимости css:

<link rel="stylesheet" href="/path/to/src/css/aiSortTable.min.css">

Использование

aiSortTable.init("myTable", [0, 3], function(e) {
  console.log(e);
});

Первым параметром передаём id таблицы (к которой требуется применить сортировку), вторым параметром передаём массив колонок для сортировки (0 ... n). Последним параметром идёт функция, которая сработает после сортировки.

CSS

• .ai_th_sortable - Ячейка шапки, при клике на которую происходит сортировка;
• .ai_th_sortable__up - Состояние сортировки по убыванию;
• .ai_th_sortable__down - Состояние сортировки по возростанию;
• .ai_td_active - Класс ячеек в активной колонке.