| layer at (0,0) size 800x923 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x923 |
| RenderBlock {HTML} at (0,0) size 800x923 |
| RenderBody {BODY} at (8,8) size 784x899 [bgcolor=#FFFFFF] |
| RenderBlock {H1} at (0,0) size 784x38 |
| RenderText {#text} at (0,1) size 333x36 |
| text run at (0,1) width 333: "Example 3: Basic Tables" |
| RenderBlock {H2} at (0,59) size 784x31 |
| RenderText {#text} at (0,1) size 361x28 |
| text run at (0,1) width 361: "Simple table, 75% width, border=1" |
| RenderTable {TABLE} at (0,109) size 588x109 [border: (1px outset #808080)] |
| RenderTableSection {TBODY} at (1,1) size 586x106 |
| RenderTableRow {TR} at (0,2) size 586x24 |
| RenderTableCell {TD} at (2,2) size 200x24 [bgcolor=#0000FF] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 44x19 |
| text run at (2,2) width 44: "cell bg" |
| RenderTableCell {TD} at (203,2) size 178x24 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "Two" |
| RenderTableCell {TD} at (382,2) size 203x24 [border: (1px inset #808080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 38x19 |
| text run at (2,2) width 38: "Three" |
| RenderTableRow {TR} at (0,28) size 586x24 |
| RenderTableCell {TD} at (2,28) size 200x24 [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 22x19 |
| text run at (2,2) width 22: "left" |
| RenderTableCell {TD} at (203,28) size 178x24 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (68,2) size 40x19 |
| text run at (68,2) width 40: "center" |
| RenderTableCell {TD} at (382,28) size 203x24 [border: (1px inset #808080)] [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (169,2) size 31x19 |
| text run at (169,2) width 31: "right" |
| RenderTableRow {TR} at (0,54) size 586x50 [bgcolor=#FFFF00] |
| RenderTableCell {TD} at (2,67) size 200x24 [border: (1px inset #808080)] [r=2 c=0 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 45x19 |
| text run at (2,2) width 45: "row bg" |
| RenderTableCell {TD} at (203,54) size 178x24 [border: (1px inset #808080)] [r=2 c=1 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 21x19 |
| text run at (2,2) width 21: "top" |
| RenderTableCell {TD} at (382,80) size 203x24 [border: (1px inset #808080)] [r=2 c=2 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 46x19 |
| text run at (2,2) width 46: "bottom" |
| RenderBlock {H2} at (0,237) size 784x31 |
| RenderText {#text} at (0,1) size 392x28 |
| text run at (0,1) width 392: "Row Span, auto width table, border=5" |
| RenderTable {TABLE} at (0,287) size 271x273 [border: (5px outset #808080)] |
| RenderTableSection {TBODY} at (5,5) size 261x262 |
| RenderTableRow {TR} at (0,2) size 261x24 |
| RenderTableCell {TD} at (2,15) size 189x24 [border: (1px inset #808080)] [r=0 c=0 rs=2 cs=1] |
| RenderText {#text} at (2,2) size 185x19 |
| text run at (2,2) width 185: "c0r[0-1] Data 1 span=2 rows" |
| RenderTableCell {TD} at (192,2) size 33x24 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "c0r0" |
| RenderTableCell {TD} at (226,2) size 33x24 [border: (1px inset #808080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "c1r0" |
| RenderTableRow {TR} at (0,28) size 261x24 |
| RenderTableCell {TD} at (192,28) size 33x24 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "c0r1" |
| RenderTableCell {TD} at (226,28) size 33x24 [border: (1px inset #808080)] [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "c1r1" |
| RenderTableRow {TR} at (0,54) size 261x24 |
| RenderTableCell {TD} at (2,106) size 189x24 [border: (1px inset #808080)] [r=2 c=0 rs=5 cs=1] |
| RenderText {#text} at (2,2) size 185x19 |
| text run at (2,2) width 185: "c0r[2-6],Data 2 span=5 rows" |
| RenderTableCell {TD} at (192,54) size 33x24 [border: (1px inset #808080)] [r=2 c=1 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "c0r2" |
| RenderTableCell {TD} at (226,54) size 33x24 [border: (1px inset #808080)] [r=2 c=2 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "c1r2" |
| RenderTableRow {TR} at (0,80) size 261x24 |
| RenderTableCell {TD} at (192,80) size 33x24 [border: (1px inset #808080)] [r=3 c=1 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "c0r3" |
| RenderTableCell {TD} at (226,80) size 33x24 [border: (1px inset #808080)] [r=3 c=2 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "c1r3" |
| RenderTableRow {TR} at (0,106) size 261x24 |
| RenderTableCell {TD} at (192,106) size 33x24 [border: (1px inset #808080)] [r=4 c=1 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "c0r4" |
| RenderTableCell {TD} at (226,106) size 33x24 [border: (1px inset #808080)] [r=4 c=2 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "c1r4" |
| RenderTableRow {TR} at (0,132) size 261x24 |
| RenderTableCell {TD} at (192,132) size 33x24 [border: (1px inset #808080)] [r=5 c=1 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "c0r5" |
| RenderTableCell {TD} at (226,132) size 33x24 [border: (1px inset #808080)] [r=5 c=2 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "c1r5" |
| RenderTableRow {TR} at (0,158) size 261x24 |
| RenderTableCell {TD} at (192,158) size 33x24 [border: (1px inset #808080)] [r=6 c=1 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "c0r6" |
| RenderTableCell {TD} at (226,158) size 33x24 [border: (1px inset #808080)] [r=6 c=2 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "c1r6" |
| RenderTableRow {TR} at (0,184) size 261x24 |
| RenderTableCell {TD} at (2,210) size 189x24 [border: (1px inset #808080)] [r=7 c=0 rs=3 cs=1] |
| RenderText {#text} at (2,2) size 138x19 |
| text run at (2,2) width 138: "c0r[7-9] span=3 rows" |
| RenderTableCell {TD} at (192,184) size 33x24 [border: (1px inset #808080)] [r=7 c=1 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "c0r7" |
| RenderTableCell {TD} at (226,184) size 33x24 [border: (1px inset #808080)] [r=7 c=2 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "c1r7" |
| RenderTableRow {TR} at (0,210) size 261x24 |
| RenderTableCell {TD} at (192,210) size 33x24 [border: (1px inset #808080)] [r=8 c=1 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "c0r8" |
| RenderTableCell {TD} at (226,210) size 33x24 [border: (1px inset #808080)] [r=8 c=2 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "c1r8" |
| RenderTableRow {TR} at (0,236) size 261x24 |
| RenderTableCell {TD} at (192,236) size 33x24 [border: (1px inset #808080)] [r=9 c=1 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "c0r9" |
| RenderTableCell {TD} at (226,236) size 33x24 [border: (1px inset #808080)] [r=9 c=2 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "c1r9" |
| RenderBlock {H2} at (0,579) size 784x31 |
| RenderText {#text} at (0,1) size 267x28 |
| text run at (0,1) width 267: "Col Span auto width table" |
| RenderTable {TABLE} at (0,628) size 707x83 [border: (1px outset #808080)] |
| RenderTableSection {TBODY} at (1,1) size 705x80 |
| RenderTableRow {TR} at (0,2) size 705x24 |
| RenderTableCell {TD} at (2,2) size 283x24 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=8] |
| RenderText {#text} at (2,2) size 107x19 |
| text run at (2,2) width 107: "r0c[0-7], span=8" |
| RenderTableCell {TD} at (286,2) size 417x24 [border: (1px inset #808080)] [r=0 c=8 rs=1 cs=10] |
| RenderText {#text} at (2,2) size 165x19 |
| text run at (2,2) width 165: "r0col[8-17], span=10 cols" |
| RenderTableRow {TR} at (0,28) size 705x24 |
| RenderTableCell {TD} at (2,28) size 111x24 [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=3] |
| RenderText {#text} at (2,2) size 107x19 |
| text run at (2,2) width 107: "r1c[0-2], span=3" |
| RenderTableCell {TD} at (114,28) size 171x24 [border: (1px inset #808080)] [r=1 c=3 rs=1 cs=5] |
| RenderText {#text} at (2,2) size 107x19 |
| text run at (2,2) width 107: "r1c[3-7], span=5" |
| RenderTableCell {TD} at (286,28) size 288x24 [border: (1px inset #808080)] [r=1 c=8 rs=1 cs=7] |
| RenderText {#text} at (2,2) size 115x19 |
| text run at (2,2) width 115: "r1c[8-14], span=7" |
| RenderTableCell {TD} at (575,28) size 128x24 [border: (1px inset #808080)] [r=1 c=15 rs=1 cs=3] |
| RenderText {#text} at (2,2) size 123x19 |
| text run at (2,2) width 123: "r1c[15-17], span=3" |
| RenderTableRow {TR} at (0,54) size 705x24 |
| RenderTableCell {TD} at (2,54) size 36x24 [border: (1px inset #808080)] [r=2 c=0 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "r2c0" |
| RenderTableCell {TD} at (39,54) size 37x24 [border: (1px inset #808080)] [r=2 c=1 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "r2c1" |
| RenderTableCell {TD} at (77,54) size 36x24 [border: (1px inset #808080)] [r=2 c=2 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "r2c3" |
| RenderTableCell {TD} at (114,54) size 34x24 [border: (1px inset #808080)] [r=2 c=3 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "r2c4" |
| RenderTableCell {TD} at (149,54) size 33x24 [border: (1px inset #808080)] [r=2 c=4 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "r2c5" |
| RenderTableCell {TD} at (183,54) size 34x24 [border: (1px inset #808080)] [r=2 c=5 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "r2c6" |
| RenderTableCell {TD} at (218,54) size 33x24 [border: (1px inset #808080)] [r=2 c=6 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "r2c7" |
| RenderTableCell {TD} at (252,54) size 33x24 [border: (1px inset #808080)] [r=2 c=7 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "r2c8" |
| RenderTableCell {TD} at (286,54) size 34x24 [border: (1px inset #808080)] [r=2 c=8 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "r2c9" |
| RenderTableCell {TD} at (321,54) size 41x24 [border: (1px inset #808080)] [r=2 c=9 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 37x19 |
| text run at (2,2) width 37: "r2c10" |
| RenderTableCell {TD} at (363,54) size 41x24 [border: (1px inset #808080)] [r=2 c=10 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 36x19 |
| text run at (2,2) width 36: "r2c11" |
| RenderTableCell {TD} at (405,54) size 42x24 [border: (1px inset #808080)] [r=2 c=11 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 37x19 |
| text run at (2,2) width 37: "r2c12" |
| RenderTableCell {TD} at (448,54) size 41x24 [border: (1px inset #808080)] [r=2 c=12 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 37x19 |
| text run at (2,2) width 37: "r2c13" |
| RenderTableCell {TD} at (490,54) size 41x24 [border: (1px inset #808080)] [r=2 c=13 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 37x19 |
| text run at (2,2) width 37: "r2c14" |
| RenderTableCell {TD} at (533,54) size 41x24 [border: (1px inset #808080)] [r=2 c=14 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 37x19 |
| text run at (2,2) width 37: "r2c15" |
| RenderTableCell {TD} at (575,54) size 42x24 [border: (1px inset #808080)] [r=2 c=15 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 37x19 |
| text run at (2,2) width 37: "r2c16" |
| RenderTableCell {TD} at (618,54) size 42x24 [border: (1px inset #808080)] [r=2 c=16 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 37x19 |
| text run at (2,2) width 37: "r2c17" |
| RenderTableCell {TD} at (661,54) size 42x24 [border: (1px inset #808080)] [r=2 c=17 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 37x19 |
| text run at (2,2) width 37: "r2c18" |
| RenderBlock {H2} at (0,730) size 784x31 |
| RenderText {#text} at (0,1) size 192x28 |
| text run at (0,1) width 192: "Row and Col Span" |
| RenderTable {TABLE} at (0,780) size 156x83 [border: (1px outset #808080)] |
| RenderTableSection {TBODY} at (1,1) size 154x80 |
| RenderTableRow {TR} at (0,2) size 154x24 |
| RenderTableCell {TD} at (2,15) size 81x24 [border: (1px inset #808080)] [r=0 c=0 rs=2 cs=2] |
| RenderText {#text} at (2,2) size 77x19 |
| text run at (2,2) width 77: "r[0-2]c[0-1]" |
| RenderTableCell {TD} at (84,2) size 33x24 [border: (1px inset #808080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "r0c2" |
| RenderTableCell {TD} at (118,2) size 34x24 [border: (1px inset #808080)] [r=0 c=3 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "r0c3" |
| RenderTableRow {TR} at (0,28) size 154x24 |
| RenderTableCell {TD} at (84,28) size 33x24 [border: (1px inset #808080)] [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "r1c2" |
| RenderTableCell {TD} at (118,28) size 34x24 [border: (1px inset #808080)] [r=1 c=3 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "r1c3" |
| RenderTableRow {TR} at (0,54) size 154x24 |
| RenderTableCell {TD} at (2,54) size 40x24 [border: (1px inset #808080)] [r=2 c=0 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "r2c0" |
| RenderTableCell {TD} at (43,54) size 40x24 [border: (1px inset #808080)] [r=2 c=1 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "r2c1" |
| RenderTableCell {TD} at (84,54) size 33x24 [border: (1px inset #808080)] [r=2 c=2 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "r2c2" |
| RenderTableCell {TD} at (118,54) size 34x24 [border: (1px inset #808080)] [r=2 c=3 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "r2c3" |
| RenderBlock {P} at (0,878) size 784x21 |
| RenderText {#text} at (0,0) size 4x19 |
| text run at (0,0) width 4: " " |
