35 Useful jQuery Plugins for Data Presentation and Grid Layout

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
jquery plugins

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
jquery plugins

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

Zentable
jquery plugins

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
jquery plugins

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

columnManager
jquery plugins

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
jquery plugins

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
jquery plugins

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

Flexigrid
jquery plugins

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
jquery plugins

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

jQuery treeTable
jquery plugins

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

Tablesorter
jquery plugins

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

DataTables
jquery plugins

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
jquery plugins

uiTableFilter is a jQuery plugin for filtering table rows.

Table Pagination
jquery plugins

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

Grider
jquery plugins

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
jquery plugins

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

FireScope Grid
jquery plugins

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)
jquery plugins

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

zzGrid
jquery plugins

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
jquery plugins

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
jquery plugins

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

jQuery Panel Magic
jquery plugins

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

CSS-Template-Layout
jquery plugins

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

jPhotoGrid
jquery plugins

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

jQuery Masonry
jquery plugins

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

Equal Heights with jQuery
jquery plugins

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
jquery plugins

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

The Grid Layout
jquery plugins

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
jquery plugins

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

jSquares
jquery plugins

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