Dynamic table formatting

Table caption
1^st col. & row	2^nd col. thead	3^rd col.	4^th col.	5^th col.
2^nd row	thead hello	234 6 8	abcd	abcd
5^th row	tfoot	a	b	c
3^rd row	tbody	abc	2 4 6	abc
4^th row	tbody	ab	ab	5 7

Column alignment

1^st col	2^nd col	3^rd col	4^th col	5^th col

Row alignment

1^st row
2^nd row
3^rd row
4^th row
5^th row

Table alignment left
center
right
Note 1

Cell alignment left
center
right

Rules none
groups
cols
rows
all
border collapse
Note 3

Frame void box
above below
hsides (horizontal sides)
lhs (left hand side)
rhs (right hand side)
vsides (vertical sides)

Table border

Cell border

Cellspacing

Caption position and alignment

Caption side

Alignment

Table directionLeft to rightRight to left

1^stcol	2^nd col.	3^rd col.	4^th col.	5^th col.
vis.	col.	vis.	col.	vis.	col.	vis.	col.	vis.	col.

W3C CSS level 1,
Section 4 Formatting model
4.1.2 Horizontal formatting
"(...) if both 'margin-left' and 'margin-right' are 'auto', they will be set to equal values. This will center the element inside its parent."

W3C CSS level 2.1,
Section 10 Visual formatting model details
10.3.3 Block-level, non-replaced elements in normal flow
"If both 'margin-left' and 'margin-right' are 'auto', their used values are equal. This horizontally centers the element with respect to the edges of the containing block."

Note 3: Rules attribute values groups, cols, rows should only be rendered when in border-collapse: collapse model.
"In this model [border-collapse: separate model], (...) Rows, columns, row groups, and column groups cannot have borders (i.e., user agents must ignore the border properties for those elements). (...) In the collapsing border model, it is possible to specify borders that surround all or part of a cell, row, row group, column, and column group. Borders for HTML's 'rules' attribute can be specified this way."
CSS 2.1, Section 17.6.1 The separated borders model (border-collapse)

Note 4: there is a bug in Opera 11 involving logical versus document order of rows which will affect the working of this DHTML for the last 3 rows.

Incompatibilities and bugs in this page

Internet Explorer 6 and Internet Explorer 7 have many many bugs
Internet Explorer 6 and Internet Explorer 7 should NOT render rules="cols|rows|groups" when border-collapse is separate.
border collapse doesn't work when visibility: collapse is active (Bug 242997)
visibility: collapse causes incorrect overflow area to be reported (Bug 242998)
HTMLCollection of RefTable.rows[] sequential order should be according to the display (logical) order, not document order (bug 125284 in Opera's BTS)

Remaining to do:

Remove cell borders select when rules="none" is selected
Synchronize rules radio buttons visibility with the state of the border-collapse checkbox based on http://www.w3.org/TR/REC-CSS2/tables.html#separated-borders which goes:
"In this (separated border) model, each cell has an individual border. (...) Rows, columns, row groups, and column groups cannot have borders (i.e., user agents must ignore the border properties for those elements)."
Add rowgroups (THead, TBody and TFoot) visibility fieldset
Tune the coding of RefobjCaption.vAlign = "top|bottom" accordingly in both selects accordingly for MSIE 6
Implement a select for cellpadding?
Create deleteCaption, deleteTHead, deleteTFoot, deleteRow buttons?

Rowgroup	Visible	Collapse
THead
TBody
TFoot