Inside Technique : DHTML Demos : Table Editor
Internet Explorer 4.0 Table Object Model provides complete control over creating and manipulating tables. Dynamic
HTML exposes 4 properties on each element for manipulating the contents of an element: innerHTML, innerText, outerHTML, and outerText.
However, these properties are not supported for adding and removing cells or rows from the table. Instead, Internet Explorer provides
a custom object model specifically designed for these operations. We are using the table object model to create a simple table editor. This table editor allows you to visually construct a table.
The 6 selects columns and 4 selects rows. Click on a cell to edit the contents.
Note: The column indicators represent table cells in the underlying source and appear misaligned when a colspan is specified.
This demonstration is also not designed appropriately for nested tabled.