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

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

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

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

<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

Оцени публикацию:
  • 2,8
Оценили человек: 2

Похожие статьи:

Справочники и учебники:


Предложения и пожелания:
Ваше имя:
Ваш E-mail:
Сколько будет Οдин + Τри
Главная
X

Новые заметки:

Список вопросов для собеседования разработчика по телефону

Symfony2 авторизация без Doctrine2 для чайника

Phpstorm7 LiveEdit

Жесткий хабр или не хабр, тогда кто?

Яндекс.Деньги мошенничество

Как узнать какие страницы в поиске яндекса или это секрет

Защита сервера от ошибок в phpMyAdmin

Последние комменты:

Yapro CMS:

Здравствуйте, Гость | Войти | Регистрация | Карта сайта | RSS ленты | Ошибка в тексте? Выделите её мышкой и нажмите: Ctrl + Enter

youtube.com/watch?v=7hFivbgIEqk

При полном или частичном использовании материалов данного сайта, ссылка на сайт "yapro.ru" обязательна как на источник информации.
Автоматический импорт материалов и информации с сайта запрещен.
Copyrights © 2007 - 2018 YaPro.Ru

Главная » Веб-мастеру » JavaScript »