Расширение функционала HTML-таблиц с помощью JavaScript

1 Star2 Stars3 Stars4 Stars5 Stars (9 votes, average: 5,00 out of 5)
Loading ... Loading ...

Три скрипта для более удобной работы с таблицами и расширения функционала.

TinyTable — сортировка в таблицах

TinyTable
TinyTable — скрипт небольшого размера (всего 2,5 КБ), добавляет возможность сортировки в HTML-таблицах и еще несколько вспомагательных функций:

  • альтернативная подсветка для столбцов и строк
  • разбивка на страницы (опционально)
  • парсер дат и ссылок
  • автоопределение типа данных
  • выборочная сортировка столбцов
  • возможность исключить из сортировки любой столбец

Демо TinyTable
Скачать TinyTable

DataTables — максимальная функциональность

DataTables - jQuery plug-in
DataTables — jQuery-плагин предоставляет «продвинутые» возможности для взаимодействия с HTML-таблицами. Плагин многоязычный и имеет следующие возможности:

  • «умное» определение ширины
  • разбивка на страницы
  • сортировка по нескольким столбцам
  • запоминает состояния
  • скрытые столбцы
  • Динамическое создание таблиц
  • автозагрзка данных с помощью AJAX
  • альтернативная постраничная навигация
  • подсветка стоблбцов сортировки

Функциональность DataTables так же может быть расширена с помощью предоставляемой системы плагинов, внешний вид полностью настраивается с использованием CSS.

Демо DataTables
Скачать DataTables 1.4.3

KeyTable — клавиатурная навигация по HTML-таблицам в стиле excel

KeyTable
В отличии от вышеописанных скриптов, которые добавляют, в основном, различные варианты сортировки и фильтры, KeyTable предоставляет возможность навигации по ячейкам HTML-таблицы с помощью клавиатуры, как это делается в Excel.

Демо KeyTable
Скачать KeyTable

Метки:

Воскресенье, 22 марта 2009 JavaScript
You can follow any responses to this entry through the RSS 2.0 feed.

Ответить

Март 2009
Пн Вт Ср Чт Пт Сб Вс
« Фев   Апр »
 1
2345678
9101112131415
16171819202122
23242526272829
3031