Главная » 2012 » Март » 16 » JavaScript's: Анимированная сортировка столбцов таблицы
18:06
JavaScript's: Анимированная сортировка столбцов таблицы

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


Советуем посмотреть:




Анимированная сортировка столбцов таблицы через плагин Animated table sort на jQuery

ДЕМО МАТЕРИАЛА

Установка:

После /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
Материал взят с сайта infoscript.ru

Теги: Скачать Анимированная сортировка столбцов таблицы
Скачать "Анимированная сортировка столбцов таблицы"












Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Просмотров: 586 | Добавил: Ahmed | Теги: Сортировка, Анимированная, таблицы, JavaScript's:, столбцов | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *: