32 Useful jQuery Filter and Sort Data Plugins
For a greater control over the order, placement and organization of your web page or table elements, you option is jQuery Filter or jQuery Sort plugins. With their drag-able controls these plugins make it possible to give you opportunity to create a more dynamic and user friendly design. Every web developer is aware of the fact that sorting and data filtering are useful in case you have large datasets but you can also use these features for managing list views such as portfolio pages.
In this post we are providing you with an overview of jQuery plugins which you will find useful for providing powerful functionality to re-order, filter and drag or drop facilities.
In case of large data tables, you would love to give your user a platform to sort through the data in a structured manner and you can have complete information about hover effect, zebra rows, filtering and sorting.
Turn your boring HTML table into a beautiful data table that supports paging and sorting features with the ability to fetch data from CVS and JSON by specifying the file name.
This jQuery plugin gives your HTML tables a datagrid look in few seconds. This will paginate your table by defining an input field that you may use as search field for the table.
Want to add datagrid behaviour to your table then this jQuery plugin is for you to resize columns, paging, sorting, styling and much more.
If you are impressed by Google like column filtering abilities then this plugin is best suited for your HTML table that is an open source under MIT. This filter has been used for creating PicNet projects.
Want to sort your content is an easy and clean way then this plugin is for you.
Want to resize your data columns to match the headers, use Flexigrid with its ability to connect to an XML based data source using Ajax to load content.
This ultra lightweight jQuery plugin makes your tables expandable which are useful for line of business applications and this plugin serves you better by providing you the option of hodling more information such as images, data, diagrams etc.
With a similarity to Google Docs and Gmail, this searchbox jQuery plugin is for you to have better control of your page.
It is a jQuery plugin to toggle the visibility of table columns and flexibility of containing the state until next visit.
It is direct manipulation that works well with modern browsers.
A lightweight jQuery plugin with the ability to sort lists using drag and drop feature.
Basic drag and drop in a tree with no restrictions of dropping and dragging things except the files.
15- Filtering Blocks
This is a awesome script for filtering a list of blocks.
tQuery is the option for making simple HTML tables dynamics. It offers customizations, supports different formats and filtering with the option of adding tQuery tables to your search box for exact and instantaneous results.
These two plugins allow the reordering of unordered lists
It makes your extensive portfolio easier to navigate by breaking it into different categories and this tutorial will help you to learn how to make filleting by category more interesting with jQuery.
This really tiny and simple jQuery plugin is for you to sort any nodetype with a text or attribute value.
Demo | Details
jSquared allows you to organize advanced search user interface like in Google Squared.
22- Table Sorter
This jQuery plugin turns a standard HTML table into a sortable table without page refreshing.
This plugin gives you opportunity to sort a table through <td>s or on the content. By applying this plugin, different <td>s goes to their new home flying which creates a nice effect.
This plugin is best for reordering and filtering items with shuffle animation.
This plugin drag and drop rows within a table and gives the user options to reorder rows in a table.
Get Drag and drop in an easy way.
This jQuery drag and drop plugin mimics the jQuery UI’s draggable.
This extension to original sorttable from Interface plugin gives you the option of sorting data vertically and nested at the same time.
This extension of jQuery UI drag gable plug-in extends the current functionality of plug-in in regrouping and dragging the groups.
This BIGrid will bring enhancement to your tables by allowing cusotmization of scrollbars, fixed rows and columns.
32- Dynamic list
This dynamic list plug in with sorting, paging and filtering capabilities is best for you.