Главная » Файлы » Прочие скрипты » jQuery

Анимированная сортировка столбцов таблицы через плагин Animated table sort на jQuery для uCoz
23.06.14, 14:31:36

Скачать файл




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

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

Установка:

После /head на нужных страницах вставляйте:
Код
<script src='/js/111.js' type='text/javascript'></script>
  <link rel='stylesheet' type='text/css' href='/css/scriptDemos.css' />


Таблица с сортировкой оформляется так:
Код
<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

Материал подготовлен Apocalypse
Категория: jQuery | Добавил: Apocalypse | Теги: столбцов, таблицы, sort, Анимированная, Сортировка, плагин, на, Через, table, Animated
Просмотров: 272 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: