Extensive Collection Of Useful jQuery Plugins For Working With Tables

jQuery plugins are quite in these days in the field of web designing and are extensively used because of their aesthetically appealing results. Through jQuery tables plugins, you can attain the maximum results in terms of functionality and flexibility. The level of flexibility and functionality that jQuery provide cannot be met with classic HTML tables.

Here we are presenting a collection of exceptional and highly functional jQuery tables plugins that let you create user-friendly tables easily and efficiently. Enjoy!

Table Pagination

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

Extensive Collection Of Useful jQuery Plugins For Working With Tables 1

Tablesorter

( Demo | Download )
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.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 2

Animated Sortable Data Table jQuery plugin – jTPS

( Demo | Download )
jTPS is a datatable jQuery plugin that offers pagination, animated scrolling through pages and intelligent natural sorting capability. The development version is currently 15KB.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 3

Flexigrid

( Demo | Download )
Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an XML based data source using Ajax to load the content.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 4

Animated table sort

( Demo | Download )
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. You can also control whether row relationships are maintained, whether it sorts on ascii or numeric and ascending or descending.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 5

HeatColor, a jQuery plugin

( Demo | Download )
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.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 6

Collapser

( Demo | Download )
Jquery collapser is a multi purpose collapser plugin made for expanding and collapsing elements. Can create a accordion, list collapser using this plugin.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 7

jExpand

( Demo | Download )
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.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 8

Tree Table

( Demo | Download )
The treeTable plugin allows you to display a tree in a table, i.e. a directory structure or a nested list. Each branch in this tree can be collapsed and expanded, just like in a file explorer in most modern operating systems.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 9

Table Drag and Drop

( Demo | Download )
This TableDnD plugin allows the user to reorder rows within a table, for example if they represent an ordered list. Individual rows can be marked as non-draggable and/or non-droppable. Rows can have as many cells as necessary and the cells can contain form elements.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 10

jQuery charToTable plugin

( Demo | Download )
With this useful plugin you can convert characters to tables using jQuery.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 11

Add Table Rows Count

( Demo | Download )
With jQuery rowCount plugin you can automatically add table row count column to your tables.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 12

uiTableFilter

( Demo | Download )
uiTableFilter is a jquery plugin for filtering table rows.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 13

Ingrid

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

Extensive Collection Of Useful jQuery Plugins For Working With Tables 14

JQTreeTable

( Demo | Download )
Take a plain html table, wrap the rows you want collapsing/expanding in a tbody with an id of treetable, map each row to it’s parent row, set some options, and let jQTreeTable take it from there.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 15

PicNet Table Filter

( Demo | Download )
This jQuery plugin adds real time Google-like column filtering capabilities to a regular Html table. This is an open source project released under The MIT License (MIT).

Extensive Collection Of Useful jQuery Plugins For Working With Tables 16

TableEditor

( Demo | Download )
TableEditor provides flexible in place editing of HTML tables. User defined handler functions can easily be dropped in to, for example, update the data source via an AJAX request.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 17

jQuery ColumnManager plugin

( Demo | Download )
A jQuery-plugin to toggle the visibility of table columns (collapsing and expanding them) and to save the state until the next visit. It’s supporting tables with colspans and rowspans, too!

Extensive Collection Of Useful jQuery Plugins For Working With Tables 18

CSV2 Table

( Demo | Download )
This plugin loads a CVS file (e.g. created using Excel) and creates a table with the contents in that CVS file.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 19

JSquared

( Demo | Download )
JSquared Enables ability to add/remove HTML table columns and rows.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 20

jQuery.kiketable.rowsizable

( Demo | Download )
This plugin, applied to n-tables of an HTML page, provides the behaviour of resizing rows by clicking over a “image handler”.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 21

Graphtable

( Demo | Download )
graphTable provides the ability to graph the data in a simple HTML table using flot.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 22

Grider

( Demo | Download )
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. It helps you to do calculations in a very simple way, it supports the following features.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 23

jQuery floating table header plugin

( Demo | Download )
A jQuery plugin that makes the header of a table floating if the original header isn’t visible due to scrolling. The plugin will automatically choose the thead tag as the header for a table. If thead isn’t found it will search for rows marked with the class ‘floating’. The behavior can be changed by the settings forceClass and markingClass.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 24

LiveFilter

( Demo | Download )
LiveFilter is a very lightweight jQuery plugin that will filter either an ordered or unordered list and display only the results that match the supplied string.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 25

TinySort

( Demo | Download )
TinySort will sort any nodetype by it’s text- or attribute value, or by that of one of it’s children.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 26

Using jQuery To Manipulate and Filter Data

( Demo | Download )
When a webpage is designed to display large tables of data, a great amount of consideration should be dedicated to allowing the user to sort through the data in a structured manner. In this tutorial, author will go over four techniques: hover effects, zebra rows, filtering, and sorting.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 27

Creating a “Filterable” Portfolio with jQuery

( Demo | Download )
If you have worked in your field for a while, there is a pretty good chance that you have a rather extensive portfolio. To make it a little easier to navigate, you will probably be tempted to break them into different categories. In this tutorial, you can learn how to make “filtering by category” a little more interesting with just a little bit of jQuery.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 28

List Reorder

( Demo | Download )
List Reorder is a jQuery plugin that allows you to reorder any simple ordered or unordered list. List Reorder is easy to use and does not require any additional markup. Its look and feel is completely customizable using a set of CSS classes.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 29

DragTable

( Demo | Download )
Maybe you want to sort the columns ascending/descending by clicking into the table-head. No problem! Use a handle to drag the rows.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 30

FireScope Grid

( Demo | Download )
FireScope Grid is an open source (GNU Public License, v2) jQuery component that adds datagrid behaviors to your HTML tables, regardless of the server-side technology being used. Included in the plugin is a navigation bar that is automatically appended at the beginning or end of a table that enables users to page through results, filter results by any column or sorted on the fly without need to refresh the entire page.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 31

Fixed Header Tables

( Demo | Download )
FixedHeaderTable in its simplest form displays a fixed header for any valid table mark-up. This is an active jQuery plugin project so expect new features and improvements to be released.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 32

JGridEditor

( Demo | Download )
This jQuery plugin allow you to add on-the-flight cell editing functionality in your table You may configure it to perform AJAX queries and returning changed content or error messages.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 33

pfSelect – click drag select for huge datasets

( Demo | Download )
This lightweight select plugin allows you to select elements easily by click-drag select, shift select or ctrl select within a huge dataset and without any speed decrease. It adds a mouseover event to each specified element (by default elements with class “selectable”) and doesn’t calculate any marquee rectangle as the Jquery UI plugin does. Therefore it has no performance issues with hundreds of elements. Use this plugin if you have tons of elements and you need fluid interactivity.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 34

Sortable Tables

( Demo | Download )
jQuery Accessible RIA, a collection of strictly WAI WCAG 2.0 and WAI ARIA conform web applications based on the popular Java-Script framework jQuery (using the UI Widget Factory).

Extensive Collection Of Useful jQuery Plugins For Working With Tables 35

KeyTable

( Demo | Download )
KeyTable is a Javascript library which provides keyboard navigation and event binding for any HTML table. With KeyTable Excel style table navigation can be employed to provide features such as editing of a table without requiring a mouse. As a further bonus, KeyTable integrates seamlessly with DataTables.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 36

Zentable

( Demo | Download )
Zentable is a plug-in for the jQuery Javascript library. It allows to show and manipulate tabulated data on a web page but with functionalities typically expected from native applications, as scrolling with the mouse wheel, resizing column widths or using keys to move through the data. It can be used with or without AJAX, but is using AJAX where this plug-in really shines.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 37

jQuery Week Calendar

( Demo | Download )
The jquery-week-calendar plugin provides a simple and flexible way of including a weekly calendar in your application. It is built on top of jquery and jquery ui and is inspired by other online weekly calendars such as google calendar.

Extensive Collection Of Useful jQuery Plugins For Working With Tables 38

SmashingApps.com participates in various affiliate marketing programs and especially Amazon Services LLC Associates Program, which means we may get paid commissions on editorially chosen products purchased through our links to any of the linked sites from us.
Available for Amazon Prime