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.