Free EditableGrid - Turn HTML Tables Into Advanced Editable Components
Date: 3 June 2011 | Posted by: Src
Demo:
http://9.bb/286885/3344-demo-editable-grid
Source URL:
http://www.webismymind.be/editablegrid/
EditableGrid is an open source javascript library aimed at turning HTML tables into advanced editable components. It focuses on simplicity: only a few lines of code are required to get your first table up and running.
You can use the EditableGrid library in two ways:
Hook up to an existing HTML table
Build your grid from an XML description of the table structure and contents
Main features:
Load grid from XML or attach to an existing HTML table
Simple to use and easy integration into existing web applications
Each column is typed (string, integer, double, boolean, url, email, date)
Edit cells with a suitable editor, according to the column type (eg. checkbox for boolean)
Possibility to declare a list of possible values for the cells of a column (statically or in javascript)
Management of unit, precision and NaN values for numeric columns
Built-in validators for columns of type integer, double, url, email and date
Possibility to plug your own cell renderers, editors and validators
Sort columns accordingly to their types, by clicking on the column header
PHP binding: build your grid in PHP and let it generate the XML file
Filtering of the grid
Insert and remove rows
Open Flash Chart integration: render charts from the grid data (follows when editing or sorting)
Callbacks for all events: load, edition, sorting, etc.
See full article