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

Расположим столбцы таблицы в нужном порядке и отсортируем по любому полю.

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

Чтобы подключить, добавьте в тело страницы код:

<script src="dragtable.js"></script>

а нужной таблице класс draggable:

<table class="draggable">

чтобы добавить сортировку по полям напишите:

<table class="draggable sortable">

добавьте яваскрипт:

<script type="text/javascript" src="sorttable.js"></script>

И получим такую таблицу (кликайте по заголовкам столбцов):

Желаете уменьшить радиус перетаскивания, пропишите javascript-код:

dragtable.setMinDragDistance(5);

Теперь, можете посмотреть в отдыльных окнах примеры перетаскивания столбцов и сортируемых столбцов.

Источники: danvk.org и kryogenix.org


08.02.2010 07:19

Комментарии

Комментариев пока нет.


Copyrights © 2007 - 2026 YaPro.Ru