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 has a nice looking UI design. It is an Ajax-driven data grid that relies on server-side code for its data.
jqGrid is a jQuery plugin that works in fun and easy way to save time for web developers.
This lightweight jQuery plugin allow you to add on-the-flight cell editing functionality in your table.
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 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.
Datagrids supports good data grid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables.
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 utilizes virtual rendering to enable you to easily work with hundreds of thousands of items without any drop in performance.
treeTable is a jQuery plugin that display a tree directory structure in a table.
Tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a table without page refreshes.
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 is a jQuery plugin for filtering table rows.
This jquery plugin is used to create a customizable pagination element under a table element.
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.
The jQuery Week Calendar plugin provides a simple and flexible way of including a weekly calendar in your application.
FireScope Grid is a jQuery component that adds data grid behaviors to your HTML tables, despite of which server-side technology being used.
This TableDnD plugin allows the user to reorder rows within a table.
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 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 Plugin will automatically layout your content in newspaper column format.
This plugin provides more space for your design and provides a cool new approach to a sitemap.
This plugin provides web designers a way to use the W3′s CSS Template Layout Module.
This plugin displays a list of image thumbnails in a grid and allows them to be zoomed open with some cool effect.
Masonry is a layout plugin for jQuery that is awesome for generating a perfect grid layout.
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.
This is a nice plugin to work with 960gs Grid framework.
The Grid Layout
The jLayout jQuery plugin provides four layout algorithms for laying out HTML elements in web pages.
jSquares is a jQuery plugin that pops up an image and a description in an overlay on hover.