15 Best jQuery Table Plugins

Posted on 29. Feb, 2012 by in jQuery Plugins

Table is the most difficult object to be styled, due to its browser compatibility and markup. Most of the developers today use div instead of table to display data on web pages to offer more a flexible and customisable look and feel. jQuery let you to create stylus and flexible tables with its magnificent Plugins.

This article will share 15 useful jQuery table plugins. we have also jQuery text effects plugins and jQuery calendar datepicker plugins. Hope you’ll like my this awesome collection. Give your valuable comment in comment section. Lets have a look on these jQuery table plugins.

Table Drag and Drop JQuery plugin

This TableDnD plugin allows the user to reorder rows within a table, for example if they represent an ordered list (tasks by priority for example). Individual rows can be marked as non-draggable and/or non-droppable (so other rows can’t be dropped onto them). Rows can have as many cells as necessary and the cells can contain form elements.

Table Drag and Drop JQuery plugin

Table Drag and Drop JQuery plugin

Flexigrid

This is a lightweight web 2.0 Javascript grid for jQuery with many features such as paging, themes, toolbar, sorting, searching and many more.

Flexigrid

Flexigrid

Table Pagination

This jquery plugin is used to create a pagination element under a table element. You can customize your pagination needs through various settings.

Table Pagination

Table Pagination

Expand table rows with jQuery – jExpand plugin

jExpand is ultra lightweight jQuery plugin that will make your tables expandable. Typical for line of business applications, this feature can help you organize tables better. This way, tables can hold more information such as images, lists, diagrams and other elements.

Expand table rows with jQuery - jExpand plugin

Expand table rows with jQuery - jExpand plugin

Ingrid

Ingrid is an unobtrusive jQuery plugin that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables.

Ingrid

Ingrid

Chroma Table

Easily create scrolling tables with fixed headers.

Chromatable

Chromatable

Tablesorter

Tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. Tablesorter can successfully parse and sort many types of data including linked data in a cell.

Tablesorter

Tablesorter

NReco jSquared

Enables ability to add/remove HTML table columns and rows.

NReco jSquared

NReco jSquared

Data Tables

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table.

DataTables

DataTables

Grider

Grider is a plugin for jQuery that makes your life easier when you need to edit or create a table that handles a list of items.

Grider

Grider

jQuery charToTable plugin

With this plugin you can convert characters to tables using jQuery.

jQuery charToTable plugin

jQuery charToTable plugin

Scrollable HTML table plugin for jQuery

This JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. No additional coding is necessary. All you need to do is put header rows (if you need them) in THEAD section, table body rows in TBODY section, footer rows (if you need them) in TFOOT section.

Scrollable HTML table plugin for jQuery

Scrollable HTML table plugin for jQuery

Animated table sort

This plugin allows you to animatedly sort a table based on a column’s td’s, or on the content/value of a child/descendant element within those td’s. The various td’s fly to their new homes, giving a nice effect. It also supports sorting on REGEXP matches.

Animated table sort

Animated table sort

HeatColor, a jQuery plugin

HeatColor is a plugin that allows you to assign colors to elements, based on a value derived from that element.  The derived value is compared to a range of values, either determined automatically or passed in, and the element is assigned a “heat” color based on its derived value’s position within the range.

HeatColor, a jQuery plugin

HeatColor, a jQuery plugin

Animated Sortable Data Table jQuery plugin

jTPS is a datatable jQuery plugin that offers pagination, animated scrolling through pages and intelligent natural sorting capability.

Animated Sortable Data Table jQuery plugin

Animated Sortable Data Table jQuery plugin

email

Tags:

Comments are closed.