Tuesday, 3 January 2012

jQuery Example - grid plugins

There are so many jQuery grid plugins. Each having different features and capabilities. Below I listed the best jQuery grid plugins which you can use in your projects
<ul>
    <li>Flexigrid: <a href="http://flexigrid.info/" rel="nofollow">http://flexigrid.info/</a> : 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.</li>
    <li>jQuery Grid: <a href="http://www.trirand.com/blog/" rel="nofollow">http://www.trirand.com/blog/</a> :</li>
    <li>jqGridView: <a href="http://plugins.jquery.com/project/jqGridView" rel="nofollow">http://plugins.jquery.com/project/jqGridView</a> <strong><em>jqGrid</em></strong> is an Ajax-enabled JavaScript control that provides solutions for representing and manipulating tabular data on the web.</li>
    <li>Ingrid: <a href="http://reconstrukt.com/ingrid/" rel="nofollow">http://reconstrukt.com/ingrid/</a> :Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables.</li>
    <li>DataTable : <a href="http://www.datatables.net/index" rel="nofollow">http://www.datatables.net/index</a> : DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table.</li>
    <li>Slickgrid : <a href="http://code.google.com/p/slickgrid/" rel="nofollow">http://code.google.com/p/slickgrid/</a></li>
    <li>TableSorter: <a href="http://tablesorter.com/" rel="nofollow">http://tablesorter.com/</a>:tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell.</li>
    <li>dhtmlxGrid: <a href="http://www.dhtmlx.com/docs/products/dhtmlxGrid/" rel="nofollow">http://www.dhtmlx.com/docs/products/dhtmlxGrid/</a></li>
    <li>Sigma Grid: <a href="http://www.sigmawidgets.com/products/sigma_grid2/" rel="nofollow">http://www.sigmawidgets.com/products/sigma_grid2/</a></li>
</ul>

No comments:

Post a Comment