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.
1- Using jQuery To Manipulate and Filter Data
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.
Details
2- Beautiful Data
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.
Demo | Details
3- jQuery Simple Content Sorting Plus Plugin
Want to control your content with pagination, then this jQuery plugin is for you that provide you with the options of content sorting in an easy and clean way at the same time beautifying your interface and this all happens without any page loading with JavaScript.
Demo | Details
4- Advanced tables
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.
Demo | Details
5- Ingrid
Want to add datagrid behaviour to your table then this jQuery plugin is for you to resize columns, paging, sorting, styling and much more.
Demo | Details
6- PicNet Table Filter
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.
Demo | Details
7- Simple Content Sorting
Want to sort your content is an easy and clean way then this plugin is for you.
Demo | Details
8- Flexigrid
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.
Demo | Details
9- jExpand plugin
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.
Demo | Details
10- SearchBox
With a similarity to Google Docs and Gmail, this searchbox jQuery plugin is for you to have better control of your page.
Demo | Details
11- jQuery columnManager plugin
It is a jQuery plugin to toggle the visibility of table columns and flexibility of containing the state until next visit.
Demo | Details
12- Drag & Drop Sortable Lists with JavaScript and CSS
It is direct manipulation that works well with modern browsers.
Demo | Details
13- jQuery List DragSort
A lightweight jQuery plugin with the ability to sort lists using drag and drop feature.
Details
14- Drag and Drop ordering in a TreePanel
Basic drag and drop in a tree with no restrictions of dropping and dragging things except the files.
Details
15- Filtering Blocks
This is a awesome script for filtering a list of blocks.
Demo | Details
16- tQuery – Dynamic tables
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.
Demo | Details
17- Sortable Lists Using jQuery UI
These two plugins allow the reordering of unordered lists
Demo | Details
18- Creating a “Filterable” Portfolio with jQuery
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.
Details
19- jQuery Interface Elements
jQuery gives you the option of creating a rich interface with the help of lightweight javaScript library. You can build rich web applications and interfaces.
Details
20- TinySort
This really tiny and simple jQuery plugin is for you to sort any nodetype with a text or attribute value.
Demo | Details
21- JSquared
jSquared allows you to organize advanced search user interface like in Google Squared.
Details
22- Table Sorter
This jQuery plugin turns a standard HTML table into a sortable table without page refreshing.
Demo | Details
23- Animated table sort (REGEXP friendly)
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.
Demo | Details
24- Quicksand
This plugin is best for reordering and filtering items with shuffle animation.
Demo | Details
25- Table Drag and Drop JQuery plugin
This plugin drag and drop rows within a table and gives the user options to reorder rows in a table.
Details
26- Dragtable: Visually reorder all your table columns
Stuart Langridge’s sorttable JavaScript library has found widespread use for past few years for the reason that it supports automatic click to sort support.
Details
27- dragndrop
Get Drag and drop in an easy way.
Demo | Details
28- ppDrag
This jQuery drag and drop plugin mimics the jQuery UI’s draggable.
Details
29- NestedSortable
This extension to original sorttable from Interface plugin gives you the option of sorting data vertically and nested at the same time.
Demo | Details
30- jQuery UI multiple draggable plugin
This extension of jQuery UI drag gable plug-in extends the current functionality of plug-in in regrouping and dragging the groups.
Demo | Details
31- BIGrid
This BIGrid will bring enhancement to your tables by allowing cusotmization of scrollbars, fixed rows and columns.
Demo | Details
32- Dynamic list
This dynamic list plug in with sorting, paging and filtering capabilities is best for you.
