Zero-Configuration Example

EditTable can work with zero configuration on an existing HTML table.

Click cells to edit them, use keyboard navigation (TAB, Shift+Tab, Up/Down Arrows), and try out the buttons below.

Name	Gender	Description
John Smith	Male	Famous for having the most popular male fake name.
Jane Doe	Female	Friend of John Smith.
John Doe	Male	Husband of Jane Doe and extremely jealous of John Smith.

Full Featured Example

This example demonstrates many of the advanced features of EditTable. Things to note:

• Different editors (Gender column uses select box)
• Custom formatting (Email turned into mailto link)
• Email column is disabled and you can't edit it
• Changing the Name column re-generates the Email column

Name	Gender	Description	Email
John Smith	Male	Famous for having the most popular male fake name.
Jane Doe	Female	Friend of John Smith.
John Doe	Male	Husband of Jane Doe and extremely jealous of John Smith.

Twitter Bootstrap Integration Example

Doesn't modify table markup, so it should work flawlessly with CSS frameworks like Bootstrap.

This example also shows creating an EditTable from an array of JSON objects instead of from existing HTML.