Зарабатываю на smmka.ru
Главная » Статьи » Скрипты » Скрипты для uCoz

Анимированная сортировка столбцов таблицы

Данный плагин позволяет осуществлять анимированную сортировку столбцов таблицы

Для начала посмотрите Демо

Установка:

После /head на нужных страницах вставляйте:

Code
<script src='/js/111.js' type='text/javascript'></script>  
<link rel='stylesheet' type='text/css' href='/css/scriptDemos.css' />

Таблица с сортировкой оформляется так:

Code
<div class='scriptDemo'>  
<table id='example2_table' class='table fl_withBumper2'>  
<thead>  
<tr>  
<th><a class='bold' href="javascript:$('#example2_table').sortTable({onCol: 1, sortType: 'numeric', sortDesc: true, regexp: /\((\d+)\)/, regexpIndex: 1, keepRelationships: true})">Название категории</a></th>  
</tr>  
</thead>  
<tbody>  
<tr><td>Пункт 1</td></tr>  
<tr><td>Пункт 2</td></tr>  
<tr><td>Пункт 3</td></tr>  
<tr><td>Пункт 4</td></tr>  
<tr><td>Пункт 5</td></tr>  
<tr><td>Пункт 6</td></tr>  
</tbody></table>  
</div>
Осталось лишь залить скрипт из прикреплённого архива в папку js и стиль в папку css
Категория: Скрипты для uCoz | Добавил: dEnny (13.03.2011) W
Просмотров: 590 | Теги: Сортировка, анимированная, Таблицы, столбцов | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Дизайн сайтов и шаблоны для Ucoz