By Sam Deering

10 jQuery Grids Plugins

By Sam Deering
10 Awesome jQuery Grid Plugins to help get those layouts you always wanted. There are already a number of high quality jQuery grid plugins. We recognize they each have an impressive set of features, capabilities, and a level of use by members of the jQuery community. Below are some of the samples that you would consider putting up on your web page. Enjoy!

Related Posts:

Updated 01/08/2012: Added 11. jQuery Grid Flex

1. Flexigrid

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. Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.

2. Flurid Plugin

A cross-browser fluid width grid system optimized for flexibility (fluidity) and one of the only fluid width grid systems to work in Internet Explorer versions 5.0 and newer* without hiding pixels in margins. Like any grid system, the basic purpose is to break the page into a series of rows and columns, giving the designer an easy, rational way to organize and present content to the user.

3. 960 Grid on jQuery-Mobile

A port of 960 grid to jquery mobile. It merges the flexibility of, and the ease of jQuery mobile. It aims to bring more flexibility to jQuery-mobile layout and thus make it easier to use on tablets.

4. jQuery.sheet

Gives you all sorts of possibilities when it comes to giving your web application a spreadsheet style interface with MS Excel style calculations.

5. jQuery Grid

A jQuery grid plugin.

6. jQuery Grid Row Sizing

This plugin, applied to n-tables of an HTML page, provides the behavior of resizing rows by clicking over a “image handler”. Based in CSS (no DIVs inside TDs needed).

7. GridIron Plugin

This plug-in lets you create a grid using either tables or divs & spans. I originally developed it to work with CouchDB but it will work with any JSON source.

8. #grid

This is a little tool we created for our Analog holding page. It inserts a layout grid in web pages, allow you to hold it in place, and toggle between displaying it in the foreground or background.

9. jQuery Bubble

This plugin adds bubbling functionality to jQuery. The code is similar to jQuery.fn.trigger’s because it’s meant to extend it. It also generates its own event object, that will remain untouched through the bubbling, meaning it’s safe to attach attributes to it and grab them with the ancestors while the event bubbles up.

10. jQuery inGrid

Datagrids don’t have to be difficult to use anymore – say hi to Ingrid. Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables.

11. jQuery Grid Flex


  • Pingback: 30 Amazing jQuery Tables | jQuery4u()

  • John Fuentes

    hello good contribution, a question

    there is a grid that allows bringing the json format data from a web page that is consuming a webservice?

    I used “flexi” but does not allow me to webservice

  • Paul

    There is a fundamental difference between grid layouts and data grid tables: one is for laying out a website, the other is for showing data in a tabular form; it doesn’t make sense to lump them together in to one article.

  • Dimitris

    Paul is right, you’re mixing grid layouts with grid tables. Which basically means you have no idea what you’re talking about…

  • Mikhail Tatsky

    Let me offer you another one, cool grid library.
    FancyGrid –

    Features: Paging, Sorting, Ajax data, Files data, REST communication with server, Integration (data binding) with charts, Theming, Touch Support, AngularJS directive.
    Also charts Integration and intelligent modules system auto detects and loads needed modules.

  • Nikola Hristovski

    Very nice indeed! Functional, neat and easy to use!

  • Yes – this is a really powerful and easy-to-use Grid component – one of the best out there.

  • robert

    I found this which uses the latest version of Isotope and implement all complicated filtering, searching and sorting features and it is very easy to implement.

Get the latest in JavaScript, once a week, for free.