What is 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.
Genesis of this project
Originally, EditableGrid was a component developed to be used in T:metrack, our (great!) online time tracking and invoicing tool. Thereafter, this work has been factorized into an external library.
We think that this library can be useful in other web projects. This is why we chose to publish it under the GPL license.
In our daily business, we use a lot of open source software: Linux, Apache, PHP, the Zend Framework, jQuery, Firefox and many more. We believe in Open Source, and we would like to offer our small contribution.
If you use EditableGrid, feel free to tell us! The best motivation is to know that our work is used and appreciated.
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.
Documentation and contact
You will find all the documention in our latest release archive, available on this page.
You will find all the source code on GitHub.
To contact us, please use our web site or GitHub account


