Skip to content

ivanenko/jquery.tablesorter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 

Repository files navigation

  • jquery table sorter plugin *
  • =========================================================
  • Ivanenko Danil
  • =========================================================

Используется для сортировки html таблиц. Можно использовать для ajax сортировки данных в таблице. html таблица должна быть оформлена следующим образом:

<table id="sortable">
 <tr>
	<th sortby="first_name">User</th>
	<th sortby="date">Date</th>
	<th>Price</th>
 </tr>
  ......

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

 http://server.com/somepage.html?sortby=first_name&sortorder=asc

Пример использования:

$("#sortable").tableSorter();

Пример использования для ajax-сортировки, без перезагрузки страницы

$("#sortable").tableSorter({
		callback: function(sortBy, sortOrder){
			$.getJSON(getDataURL, {
				parameter1 : 0,
				sortby: sortBy,
				sortorder: sortOrder
			}, some_Function_Redrawing_Your_Table_Body);
		}
	});

Параметры плагина

  • callback - функция, которая будет вызвана после перерисовки иконок в заголовке, страница не будет перезагружена. Функция должна принимать два параметра - sortby, sortorder
  • saveUrlParams - true\false. Передавать другие параметры в URL на сервер, кроме sortby, sortorder или нет
  • sorterDefaultClass - класс, используемый для отображения несортированного заголовка, по умолчанию "sorter"
  • sorterAscClass - класс, используемый для отображения сортированного по возрастанию заголовка. По умолчанию "sorter-asc"
  • sorterDescClass - класс, используемый для отображения сортированного по убыванию заголовка. По умолчанию "sorter-desc"

About

simple plugin for html table sorting

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published