Webmasters.BY

Главная Статьи Веб-программирование Dragtable: изменение порядка колонок в вашей таблице
Dragtable: изменение порядка колонок в вашей таблице
Рейтинг пользователей: / 4
ХудшийЛучший 
01.07.2008 12:38

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

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

Для того чтобы это заработало на Вашем сайте необходимо выполнить следующие действия:

1. Скачать dragtable Javascript-библиотеку.

2. Подключить скрипт к Вашей странице:


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

3. Добавить к колонкам, которые Вы хотите перетаскивать, класс “draggable


<table class="draggable">


4. Для возможности сортировки значений в столбцах, необходимо скачать sorttable Javascript-библиотеку и также подключить ее к странице.

5. После этого добавляем класс "sortable" к тегу 


<table class="draggable sortable">

Все! Можно работать.

Скрипт был протестирован в следующих браузерах:

IE 7.0.5730.13,  IE 6.0, Firefox 3, Firefox 2.0.0.14, Firefox 1.5, Safari 3.1.1, Safari 2.0, Camino 1.6.1, Opera 9.2.7

Добавить комментарий


Защитный код
Обновить

Если вы заметили ошибку в тексте новости, пожалуйста, выделите её и нажмите Ctrl+Enter

Если у Вас возникли вопросы, то для скорейшего получения ответа рекомендуем воспользоваться нашим форумом

Обновлено 17.07.2008 13:30
 

Апельсин-1

Голосование

Ваш любимый html-редактор?

Новые файлы

Шпаргалка по HTML5 Canvas

Archive - бесплатный кириллический шрифт

Шпаргалка по HTML5 атрибутам обработчиков событий

activecloud.ru

TisRef

Баннер
Система Orphus

Кто онлайн

Сейчас 69 гостей онлайн

Комментарии

Статистика