jQuery is increasing its popularity among web designers and developers community because of its flexibility. In this collection we have showcased some really cool jQuery plugins and resources to enhance data presentation in grid layout design. Some are practical plugins that will definitely provide amazing user experience. As well, some advanced resources that will help layout the span of data beautifully.

jQuery Plugins to Work with Data Presentation

Below is the list of very useful jQuery plugins that will help avoiding messing up data table. Choose the one that best fits your project’s requirement.

Compass Datagrid for jQuery


Compass DataGrid has a nice looking UI design. It is an Ajax-driven data grid that relies on server-side code for its data.

jqGrid


jqGrid is a jQuery plugin that works in fun and easy way to save time for web developers.

Zentable


Zentable is a plug-in for the jQuery Javascript library that allows to show and manipulate tabulated data on a web page but with much functionality: scrolling with the mouse wheel, resizing column widths or using keys to move through the data. It also provide edit feature in the table.

jgrideditor


This lightweight jQuery plugin allow you to add on-the-flight cell editing functionality in your table.

columnManager


ColumnManager is light-weight jQuery plugin that helps to toggle the visibility of table columns (collapsing and expanding) and to save the state until the next visit.

jqGridView


jqGridView is a high browser compatibility jQuery plugin. It provide web developers, client-rich, XML-based, ajax grid plugin for jQuery library. It proves a professional solution for representing and editing tabular data on the web.

ingrid


Datagrids supports good data grid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables.

Flexigrid


Flexigrid is lightweight jQuery plugin that can be used to convert any ordinary table into a feature rich control. It has features like resizable columns, scrolling data and the ability to connect to xml based data source using AJAX to load content.

SlickGrid


SlickGrid utilizes virtual rendering to enable you to easily work with hundreds of thousands of items without any drop in performance.

jQuery treeTable


treeTable is a jQuery plugin that display a tree directory structure in a table.

Tablesorter


Tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a table without page refreshes.

DataTables


DataTables is a highly flexible jQuery plugin, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table.

uiTableFilter


uiTableFilter is a jQuery plugin for filtering table rows.

Table Pagination


This jquery plugin is used to create a customizable pagination element under a table element.

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.

jQuery Week Calendar


The jQuery Week Calendar plugin provides a simple and flexible way of including a weekly calendar in your application.

FireScope Grid


FireScope Grid is a jQuery component that adds data grid behaviors to your HTML tables, despite of which server-side technology being used.

Table Drag and Drop JQuery plugin (TableDnD)


This TableDnD plugin allows the user to reorder rows within a table.

zzGrid


zzGrid is a Javascript grid control with continuous scroll.

jQuery Plugins to Work with Grid Layout Design

You can manage your grid layout better with these jQuery Plugins. Most of these plugins are to help you enhance design, but they can also be used during developing a project.

Expanding Grid


Expanding Grid helps you to create a grid system from some class items that then expand on hover and contract on hover off. On hover the active grid expands to ratio set by the config, fades out the background.

Columnizer


Columnizer jQuery Plugin will automatically layout your content in newspaper column format.

jQuery Panel Magic


This plugin provides more space for your design and provides a cool new approach to a sitemap.

CSS-Template-Layout


This plugin provides web designers a way to use the W3′s CSS Template Layout Module.

jPhotoGrid


This plugin displays a list of image thumbnails in a grid and allows them to be zoomed open with some cool effect.

jQuery Masonry


Masonry is a layout plugin for jQuery that is awesome for generating a perfect grid layout.

Equal Heights with jQuery


The simple jQuery script loops through the top-level child nodes of a specified element and sets their min-height values to that of the tallest.

960gs Grid Overlay


This is a nice plugin to work with 960gs Grid framework.

The Grid Layout


The Grid Layout Javascript enables web-developers to stick to a Grid Layout quickly and simply by including the Grid Layouts Javascript file and simple XHTML code.

jLayout


The jLayout jQuery plugin provides four layout algorithms for laying out HTML elements in web pages.

jSquares


jSquares is a jQuery plugin that pops up an image and a description in an overlay on hover.