EditableGrid - Turn HTML Tables Into Advanced Editable Components

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.

editablegrid EditableGrid   Turn HTML Tables Into Advanced Editable Components

Originally, EditableGrid was a component developed to be used in Timetrack, an online time tracking and invoicing tool. Thereafter, this work has been factorized into an external library.

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 to render charts from the grid data (the chart can follow when editing data or sorting columns)
  • Callbacks for all events: load, edition, sorting, etc.

Requirements:
Demo: http://www.webismymind.be/editablegrid
License: GPL license

Incoming search terms for the article:

Related Posts

How To Create A Basic Social Sharing Button

Add Clippy.js To Your Website For Instant MSWord Nostalgia

Colorize Your Source Code With Sunlight

Mozilla Tow Truck: Real-Time Web Browser Collaboration