jPList – jQuery Data Grid Pagination Controls

Overview

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

 

Examples

Layout Examples

 

Data Sources

 

Actions Examples

Toggle Filters by jQuery Path

 

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

 

DateTime Examples

 

Other Examples

 

 

Browser Compatibility

  • Internet Explorer 8+
  • Firefox
  • Chrome
  • Safari
  • Opera

 

jQuery Compatibility

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

 

Links

Related