Testing xWidth on tables with 'border-collapse: collapse'
Table 1 has 'border-collapse: collapse'. Table 2 does not.
Both tables have a 15px border. All TDs have a 7px border.
The values for the CSS properties are obtained with xGetComputedStyle.
Group 1 | Group 2 | Group 3 | ||||
T1Col0 | T1Col1 | T1Col2 | T1Col3 | T1Col4 | T1Col5 | T1Col6 |
---|---|---|---|---|---|---|
r0c0 | r0c1 | r0c2 | r0c3 | r0c4 | r0c5 | r0c6 |
r1c0 | r1c1 | r1c2 | r1c3 | r1c4 | r1c5 | r1c6 |
r2c0 | r2c1 | CSS 2.1 Property Table | r2c3 | r2c4 | r2c5 | r2c6 |
It makes a copy of the table's THEAD section. | r3c1 | r3c2 | r3c3 | r3c4 | r3c5 | r3c6 |
r4c0 | r4c1 | r4c2 | r4c3 | r4c4 | r4c5 | r4c6 |
r5c0 | The position and size of the THEAD copy will be adjusted when the window is resized. | r5c2 | r5c3 | r5c4 | r5c5 | r5c6 |
r6c0 | r6c1 | r6c2 | r6c3 | r6c4 | r6c5 | r6c6 |
r7c0 | r7c1 | r7c2 | r7c3 | This object is being discussed at the X forums. | I am an H2 | r7c6 |
r8c0 | r8c1 | r8c2 | r8c3 | r8c4 | r8c5 | r8c6 |
r9c0 | r9c1 | r9c2 | r9c3 | r9c4 | r9c5 | r9c6 |
rAc0 | rAc1 | rAc2 | The THEAD copy uses the same CSS class you provide for the static table. | rAc4 | rAc5 | rAc6 |
rBc0 | rBc1 | rBc2 | rBc3 | rBc4 | rBc5 | rBc6 |
rCc0 | rCc1 | rCc3 | rCc4 | rCc5 | rCc6 | |
rDc0 | rDc2 | rDc3 | rDc4 | rDc5 | rDc6 | |
rEc0 | rEc1 | rEc2 | rEc3 | rEc4 | The container can be a window object or scrollable Element object. | rEc6 |
rFc0 | rFc1 | rFc2 | rFc3 | rFc4 | rFc5 | Mozilla Developer Center |
Group 1 | Group 2 | Group 3 | ||||
T2Col0 | T2Col1 | T2Col2 | T2Col3 | T2Col4 | T2Col5 | T2Col6 |
---|---|---|---|---|---|---|
r0c0 | r0c1 | r0c2 | r0c3 | r0c4 | r0c5 | r0c6 |
r1c0 | r1c1 | r1c2 | r1c3 | r1c4 | r1c5 | r1c6 |
r2c0 | r2c1 | CSS 2.1 Property Table | r2c3 | r2c4 | r2c5 | r2c6 |
It makes a copy of the table's THEAD section. | r3c1 | r3c2 | r3c3 | r3c4 | r3c5 | r3c6 |
r4c0 | r4c1 | r4c2 | r4c3 | r4c4 | r4c5 | r4c6 |
r5c0 | The position and size of the THEAD copy will be adjusted when the window is resized. | r5c2 | r5c3 | r5c4 | r5c5 | r5c6 |
r6c0 | r6c1 | r6c2 | r6c3 | r6c4 | r6c5 | r6c6 |
r7c0 | r7c1 | r7c2 | r7c3 | This object is being discussed at the X forums. | I am an H2 | r7c6 |
r8c0 | r8c1 | r8c2 | r8c3 | r8c4 | r8c5 | r8c6 |
r9c0 | r9c1 | r9c2 | r9c3 | r9c4 | r9c5 | r9c6 |
rAc0 | rAc1 | rAc2 | The THEAD copy uses the same CSS class you provide for the static table. | rAc4 | rAc5 | rAc6 |
rBc0 | rBc1 | rBc2 | rBc3 | rBc4 | rBc5 | rBc6 |
rCc0 | rCc1 | rCc3 | rCc4 | rCc5 | rCc6 | |
rDc0 | rDc2 | rDc3 | rDc4 | rDc5 | rDc6 | |
rEc0 | rEc1 | rEc2 | rEc3 | rEc4 | The container can be a window object or scrollable Element object. | rEc6 |
rFc0 | rFc1 | rFc2 | rFc3 | rFc4 | rFc5 | Mozilla Developer Center |