57
jPList: Library for sorting, pagination and filtering of any HTML structure
source link: https://www.tuicool.com/articles/hit/FZz6ry3
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
jPList Library
jPListis a JavaScript library for sorting, pagination and filtering of any HTML structure like DIVs, UL/LI, tables, etc. MIT Licensed . Get started at jplist.org with documentation or examples .
- Works with any content (tables, lists, div elements etc...)
- 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
- Sorting with buttons, checkboxes, radio buttons, dropdowns and other controls
- Double and multiple sorting
Pagination
- Auto pagination control
- Items per page dropdown
- Fully customizable pagination styles
Filtering and Search
- Multiple textbox filters
- Multiple dropdown filters
- Checkbox and radio button filters
- Button filter controls
- Range filter controls
- Cars Demo - pagination control, text filters, dropdown sort, range filter controls.
- Mountains Demo - hidden sort control, buttons path filter, buttons range filter, pagination control, text filter.
- Nature Demo - sort buttons, checkbox text filter, select filter, pagination, text filter, radio buttons path filter and reset controls.
- Food Demo - radio buttons sort control, radio buttons text filter control, multiple text filters, buttons path filter, pagination and more.
- Wallpapers Demo - pagination control, select sort control, buttons text filter control, checkbox path filter control, dropdown filter control.
Sort Controls
- Hidden Sort Control
- Sort Buttons Control
- Radio Buttons Sort Control
- Checkbox Sort Control
- Select Sort Control
- Dropdown Sort Control
Pagination Controls
Text Filter Controls
- Textbox Filter Control
- Checkbox Text Filter Control
- Radio Buttons Text Filter Control
- Buttons Text Filter Control
Path Filter Controls
- Select Filter Control
- Dropdown Filter Control
- Checkbox Path Filter Control
- Radio Buttons Path Filter Control
- Buttons Path Filter Control
Range Filter Controls
Other Controls
jPList library follows semantic versioning specification ( semver ). Please read more about it here.
Browser Compatibility
- Internet Explorer 10+
- Firefox
- Chrome
- Safari
- Opera
If you find jPList useful, please consider making a donation to support project development. Thank you for your help!
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK