Справочники, инструменты, документация

JavaScript: Сортировщик HTML таблиц

Сортировщик сортирует строки, сравнивая друг с другом значения выбранной колонки.

Подключение скрипта сортировки к HTML-странице

Надеемся, что для нашего Простого Сортировщика достигнута предельная простота подключения:

Нужно вписать в HEAD страницы две инструкции:

<link rel='stylesheet' href='static/tabsort0.css' type='text/css'>
<script type='text/javascript' src='tabsort0.js'></script>

Добавить тэгам сортируемых таблиц атрибут class='sortable'.

Ну, и скопировать в папку страницы на сервере файлы tabsort0.css, tabsort0.js и папку img из архива Simple Table Sorter.

У нас круче: ко всем таблицам с className sortable сортировщик «цепляется» сам; а если надо после загрузки страницы подключить сортировщик к динамически созданной таблице, это можно сделать, добавив с новой таблице атрибут className = 'sortable' и вызвав функцию prepTabs с параметром – ссылкой на новый элемент – таблицу, примерно так:

var table = document.createElement("TABLE");
table.className = 'sortable';
document.body.appendChild(table);
prepTabs(table);

Скачать пример