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.

 6
4
ColSpan:
RowSpan:

  

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.