Best jQuery Plugins For Better Table Manipulation

Table is the most difficult object to be styled, due to its browser compatibility and markup. Most of the designers and developers will use div to replace table because it is much more easier to style div than table.

Flexigrid

Flexigrid is a lightweight Web 2.0 Javascript Grid for jQuery. It has a lot of cool features such as theming, paging, toolbar, search, sortable, ajax loading data source, resizable columns, height and width.
flexigrid

Ingrid

Ingrid is yet another jQuery Datagrid plugin. It has features like column resizing, paging, sorting, row and column styling and more. The author’s website provide great documentation on how to get started with this plugin.

ingrid

Continue reading

Free Unobtrusive Table Actions Script, Best script for your application.

able data is often hard to display effectively, especially when you want to allow sorting of the rows and columns. The Unobtrusive Table Actions is a JavaScript that allows for different effects to be placed on table data. Highlighting rows, columns, sorting data, and much more can be done with the aide of this little script.

sortable-data Continue reading

Flexigrid is a lightweight Web 2.0 Javascript Grid for jQuery.

Flexigrid is a lightweight Web 2.0 Javascript Grid for jQuery. It has a lot of cool features such as theming, paging, toolbar, search, sortable, ajax loading data source, resizable columns, height and width.

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.

flexigrid

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.

Continue reading

JavaScript-powered datagrid control, built with Prototype: MyTableGrid

MyTableGrid is a JavaScript-powered datagrid control, built with Prototype, for displaying data in an easy-to-browse & flexible way.

It offers an Ajaxed interface with pretty fast paging & data-sorting.

Data Grid With Prototype

Columns can be resized & any columns can be easily removed for a better view of data.

MyTableGrid allows browsing via keyboard (with the help of KeyTable library).

It supports instant editing of cells & complete skinning via CSS.

Continue reading

lightweight grid framework – The 1Kb CSS Grid Framework

There are various CSS frameworks which offer a grid system, a style reset, basic typography, form styling & more.

But, if you only need a lightweight grid framework to build the skeleton of your website, take a look at the 1Kb CSS Grid.

1Kb CSS Grid

It supports both fluid grids besides the fixed-width ones and nested rows can be created.

The website of the framework provides a generator to customize the grid & download the CSS easily.

Also, Usability Post has a very detailed introduction to the 1Kb CSS Grid in 3 steps. To dig the details, make sure you check them:

Continue reading

Ajaxed PHP Datagrid: Eyesis Data Grid Control

Eyesis Data Grid Control is a PHP class for creating a datagrid from a MySQL database almost instantly.

With 6 lines of code, you can connect to the database, mention the table & define the query, rest is automated.

PHP Datagrid Class

It has nice features like:

  • Filtering and searching
  • Changing column headers
  • Can displaying images
  • Ajax supported
  • Automatic row paging
  • Row selection
  • Look & feel can be customized via CSS
  • Ability to add controls
  • Checkbox support
  • Specify column format types (such as percent, dollars, etc)

This Ajaxed PHP grid works in all major browsers & requires PHP5 to run. Continue reading