TinyTable - скрипт для сортировки данных в таблице.

Главная

Статьи

Веб-программирование

13.03.2009 12:19

tiny table - сортировка таблицы javascript

Этот небольшой по размеру (2,5 Кб) скрипт, очень прост в использовании и при этом обладает большими возможностями. Например, он позволяет разбивать на страницы табличные данные для более удобного их просмотра, также позволяет "подсвечивать" выделяемые столбцы и строки, устанавливать автоопределение типа данных в столбцах и многое другое.

Чтобы инициализировать скрипт необходимо добавить следующий код для нужной таблицы:

var sorter = new TINY.table.sorter("sorter");

 sorter.head = "head"; //header class name

 sorter.asc = "asc"; //ascending header class name

 sorter.desc = "desc"; //descending header class name

 sorter.even = "evenrow"; //even row class name

 sorter.odd = "oddrow"; //odd row class name

 sorter.evensel = "evenselected"; //selected column even class

 sorter.oddsel = "oddselected"; //selected column odd class

 sorter.paginate = true (false); //toggle for pagination logic

 sorter.pagesize = 15 (20); //toggle for pagination logic

 sorter.currentid = "currentpage"; //current page id

 sorter.limitid = "pagelimit"; //page limit id

 sorter.init("table",1);

Функция object.init принимает два параметра: первый - это id таблицы, второй - это столбец по которому сортируются данные при инициализации. Если вы хотите отключить возможность сортировки для определенного столбца, то добавьте класс "nosort" для соответствующего заголовка.

TinyTable был протестирован в Firefox 2/3, IE 6/7/8, Opera, Safari и Chrome.

Смотреть пример.

Скачать.

Источник.