jPList - jQuery Data Grid Controls

jPList is a flexible jQuery plugin for sorting, pagination and filtering of any HTML structure (DIVs, UL/LI, tables, etc). Get started at jplist.com

###Common Features

Works with any content (tables, lists, div elements etc...)
Data sources: PHP + MySQL, ASP.NET + Sql Server, PHP + SQLite
Works with JavaScript templates like Handlebars, Mustache etc.
Supports XML + XSLT
Grid/list view demo page
Supports local storage and cookies
Has deep links support
Fully customizable styles
Works in all major browsers
Annotated source code
Solid documentation

Sorting

Ascending and descending sorting
Sort numbers, text, date and time
SELECT and UL/LI sort controls

###Pagination

Auto pagination control
Google style pagination
Items per page control

###Filter and Search

Any number of textbox filters
Any number of dropdown filters
Filter by jQuery path or by text content
Checkbox and radio button filters
Button filter controls
Range filter controls

###Other Controls

Reset button Control
Back button Control
Counter Controls
jQuery UI range slider filter
jQuery UI date picker range filter

##jPList CDN jPList CDN is provided by cdnjs:

<script src="//cdnjs.cloudflare.com/ajax/libs/jplist/5.1.35/jplist.min.js"></script>

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jplist/5.1.35/jplist.min.css" />

##Examples

###Layout Examples

DIVs Layout Demo - demo with DIV elements and all default actions like sort, pagination, etc.
Table Demo 1 - demo with all default actions like sort, pagination, etc. in TABLE
Table Demo 2 - table with header and alternating rows with different colors
2 Tables on the Page - demo with 2 tables on the page and all default actions like sort, pagination, etc.
UL LI Demo - unordered list demo with all default actions like sort, pagination, etc. Added views control.
Views Control (List, Grid and Thumbs Views) - demo with control that switches between views: list, grid or thumbs
Demo With Sticky Panel - demo with sticky panel

Data Sources

PHP + MySQL Example - server side demo using PHP and MySQL database
PHP + MySQL + JSON + Handlebars Example - server side demo using PHP, MySQL database with JSON format and Handlebars Template
PHP + MySQL + JSON + Mustache Example - server side demo using PHP, MySQL database with JSON format and Mustache Template
PHP + MySQL + XML + XSLT Example - server side demo using PHP, MySQL database with XML format and XSLT Template
ASP.NET and SQL Server Demo - server side demo using ASP.NET and SQL Server database
PHP + SQLite Example - server side demo using PHP and SQLite database

###Actions Examples

Dropdown Filters With UL/LI - filter by jQuery path dropdown with UL/LI layout
Dropdown Filters With SELECT - filter by jQuery path dropdown with SELECT layout
Double Sort Demo - example with double sorting
Deep Linking Demo - page state controlled by URL
Pagination Only Demo - demo page with pagination control only
Google Style Pagination
Pagination Without "Items per Page" Dropdown
Hidden Sort (Default Sort Control)

###Toggle Filters by jQuery Path

Checkbox Filters - filter by jQuery path using group of checkboxes. OR logic inside group, AND logic between different groups
Radio Button Filters - filter by jQuery path with radio buttons
Button Filters - filter by jQuery path with BUTTON elements
Button Filters Group - filter by jQuery path using group of elements like SPAN, INPUT, etc. OR logic inside group, AND logic between different groups
Button Filters Group (Single Mode) - button filters group when only one button can be selected at the same time
Button Filters and Counters - filter by jQuery path with SPAN elements and counter controls
Range Filter - range filter by jQuery path with any element (SPAN, INPUT, etc.)

###Toggle Filters by Text

Checkbox Text Filter - filter by checkboxes text values. OR logic inside group, AND logic between different groups
Button Text Filter - filter by text using any elements like SPAN, INPUT etc.
Button Text Filter Group - filter by text using any elements like SPAN, INPUT etc. OR logic inside group, AND logic between different groups

###jPList with jQuery UI

Range Slider - jQuery UI range slider
Date Picker Filter - jQuery UI date picker

###DateTime Examples

DateTime 1 - {day}.{month}.{year}
DateTime 2 - {month} {day}, {year} {hour}:{min}:{sec}
DateTime 3 - {month} {day}, {year}

###Other Examples

Fade Animation - example page of fade animation in jPList
jPList with Fancybox - example of jPList with lightbox
Large Amount of Data - demo with 1000 items on the page

###Browser Compatibility

Internet Explorer 8+
Firefox
Chrome
Safari
Opera

###jQuery Compatibility

Works with jQuery from version 1.7
Works with jQuery 2.x versions

##License

For non-commercial, personal, or open source projects and applications, you may use jPList for free under the terms of the GPL V3 License.
If your project generates any type of income, e.g. sells products, ads, services or just represents a commercial company, you should get a commercial license at www.binpress.com

##Links

fhmob/jplist

jPList - jQuery Data Grid Controls

Sorting

Data Sources