1 layer at (0,0) size 785x888
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x888
4 RenderBlock {HTML} at (0,0) size 785x888
5 RenderBody {BODY} at (8,8) size 769x864 [bgcolor=#FFFFFF]
6 RenderBlock {H1} at (0,0) size 769x37
7 RenderText {#text} at (0,0) size 334x36
8 text run at (0,0) width 334: "Example 3: Basic Tables"
9 RenderBlock {H2} at (0,58) size 769x28
10 RenderText {#text} at (0,0) size 361x28
11 text run at (0,0) width 361: "Simple table, 75% width, border=1"
12 RenderTable {TABLE} at (0,105) size 576x106 [border: (1px outset #808080)]
13 RenderTableSection {TBODY} at (1,1) size 574x104
14 RenderTableRow {TR} at (0,2) size 574x23
15 RenderTableCell {TD} at (2,2) size 199x23 [bgcolor=#0000FF] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
16 RenderText {#text} at (2,2) size 42x19
17 text run at (2,2) width 42: "cell bg"
18 RenderTableCell {TD} at (203,2) size 171x23 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1]
19 RenderText {#text} at (2,2) size 30x19
20 text run at (2,2) width 30: "Two"
21 RenderTableCell {TD} at (376,2) size 196x23 [border: (1px inset #808080)] [r=0 c=2 rs=1 cs=1]
22 RenderText {#text} at (2,2) size 37x19
23 text run at (2,2) width 37: "Three"
24 RenderTableRow {TR} at (0,27) size 574x23
25 RenderTableCell {TD} at (2,27) size 199x23 [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
26 RenderText {#text} at (2,2) size 20x19
27 text run at (2,2) width 20: "left"
28 RenderTableCell {TD} at (203,27) size 171x23 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
29 RenderText {#text} at (66,2) size 39x19
30 text run at (66,2) width 39: "center"
31 RenderTableCell {TD} at (376,27) size 196x23 [border: (1px inset #808080)] [r=1 c=2 rs=1 cs=1]
32 RenderText {#text} at (165,2) size 29x19
33 text run at (165,2) width 29: "right"
34 RenderTableRow {TR} at (0,52) size 574x50 [bgcolor=#FFFF00]
35 RenderTableCell {TD} at (2,65) size 199x23 [border: (1px inset #808080)] [r=2 c=0 rs=1 cs=1]
36 RenderText {#text} at (2,2) size 45x19
37 text run at (2,2) width 45: "row bg"
38 RenderTableCell {TD} at (203,52) size 171x23 [border: (1px inset #808080)] [r=2 c=1 rs=1 cs=1]
39 RenderText {#text} at (2,2) size 20x19
40 text run at (2,2) width 20: "top"
41 RenderTableCell {TD} at (376,79) size 196x23 [border: (1px inset #808080)] [r=2 c=2 rs=1 cs=1]
42 RenderText {#text} at (2,2) size 44x19
43 text run at (2,2) width 44: "bottom"
44 RenderBlock {H2} at (0,230) size 769x28
45 RenderText {#text} at (0,0) size 390x28
46 text run at (0,0) width 390: "Row Span, auto width table, border=5"
47 RenderTable {TABLE} at (0,277) size 268x262 [border: (5px outset #808080)]
48 RenderTableSection {TBODY} at (5,5) size 258x252
49 RenderTableRow {TR} at (0,2) size 258x23
50 RenderTableCell {TD} at (2,14) size 186x23 [border: (1px inset #808080)] [r=0 c=0 rs=2 cs=1]
51 RenderText {#text} at (2,2) size 182x19
52 text run at (2,2) width 182: "c0r[0-1] Data 1 span=2 rows"
53 RenderTableCell {TD} at (190,2) size 32x23 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1]
54 RenderText {#text} at (2,2) size 28x19
55 text run at (2,2) width 28: "c0r0"
56 RenderTableCell {TD} at (224,2) size 32x23 [border: (1px inset #808080)] [r=0 c=2 rs=1 cs=1]
57 RenderText {#text} at (2,2) size 28x19
58 text run at (2,2) width 28: "c1r0"
59 RenderTableRow {TR} at (0,27) size 258x23
60 RenderTableCell {TD} at (190,27) size 32x23 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
61 RenderText {#text} at (2,2) size 28x19
62 text run at (2,2) width 28: "c0r1"
63 RenderTableCell {TD} at (224,27) size 32x23 [border: (1px inset #808080)] [r=1 c=2 rs=1 cs=1]
64 RenderText {#text} at (2,2) size 28x19
65 text run at (2,2) width 28: "c1r1"
66 RenderTableRow {TR} at (0,52) size 258x23
67 RenderTableCell {TD} at (2,102) size 186x23 [border: (1px inset #808080)] [r=2 c=0 rs=5 cs=1]
68 RenderText {#text} at (2,2) size 182x19
69 text run at (2,2) width 182: "c0r[2-6],Data 2 span=5 rows"
70 RenderTableCell {TD} at (190,52) size 32x23 [border: (1px inset #808080)] [r=2 c=1 rs=1 cs=1]
71 RenderText {#text} at (2,2) size 28x19
72 text run at (2,2) width 28: "c0r2"
73 RenderTableCell {TD} at (224,52) size 32x23 [border: (1px inset #808080)] [r=2 c=2 rs=1 cs=1]
74 RenderText {#text} at (2,2) size 28x19
75 text run at (2,2) width 28: "c1r2"
76 RenderTableRow {TR} at (0,77) size 258x23
77 RenderTableCell {TD} at (190,77) size 32x23 [border: (1px inset #808080)] [r=3 c=1 rs=1 cs=1]
78 RenderText {#text} at (2,2) size 28x19
79 text run at (2,2) width 28: "c0r3"
80 RenderTableCell {TD} at (224,77) size 32x23 [border: (1px inset #808080)] [r=3 c=2 rs=1 cs=1]
81 RenderText {#text} at (2,2) size 28x19
82 text run at (2,2) width 28: "c1r3"
83 RenderTableRow {TR} at (0,102) size 258x23
84 RenderTableCell {TD} at (190,102) size 32x23 [border: (1px inset #808080)] [r=4 c=1 rs=1 cs=1]
85 RenderText {#text} at (2,2) size 28x19
86 text run at (2,2) width 28: "c0r4"
87 RenderTableCell {TD} at (224,102) size 32x23 [border: (1px inset #808080)] [r=4 c=2 rs=1 cs=1]
88 RenderText {#text} at (2,2) size 28x19
89 text run at (2,2) width 28: "c1r4"
90 RenderTableRow {TR} at (0,127) size 258x23
91 RenderTableCell {TD} at (190,127) size 32x23 [border: (1px inset #808080)] [r=5 c=1 rs=1 cs=1]
92 RenderText {#text} at (2,2) size 28x19
93 text run at (2,2) width 28: "c0r5"
94 RenderTableCell {TD} at (224,127) size 32x23 [border: (1px inset #808080)] [r=5 c=2 rs=1 cs=1]
95 RenderText {#text} at (2,2) size 28x19
96 text run at (2,2) width 28: "c1r5"
97 RenderTableRow {TR} at (0,152) size 258x23
98 RenderTableCell {TD} at (190,152) size 32x23 [border: (1px inset #808080)] [r=6 c=1 rs=1 cs=1]
99 RenderText {#text} at (2,2) size 28x19
100 text run at (2,2) width 28: "c0r6"
101 RenderTableCell {TD} at (224,152) size 32x23 [border: (1px inset #808080)] [r=6 c=2 rs=1 cs=1]
102 RenderText {#text} at (2,2) size 28x19
103 text run at (2,2) width 28: "c1r6"
104 RenderTableRow {TR} at (0,177) size 258x23
105 RenderTableCell {TD} at (2,202) size 186x23 [border: (1px inset #808080)] [r=7 c=0 rs=3 cs=1]
106 RenderText {#text} at (2,2) size 136x19
107 text run at (2,2) width 136: "c0r[7-9] span=3 rows"
108 RenderTableCell {TD} at (190,177) size 32x23 [border: (1px inset #808080)] [r=7 c=1 rs=1 cs=1]
109 RenderText {#text} at (2,2) size 28x19
110 text run at (2,2) width 28: "c0r7"
111 RenderTableCell {TD} at (224,177) size 32x23 [border: (1px inset #808080)] [r=7 c=2 rs=1 cs=1]
112 RenderText {#text} at (2,2) size 28x19
113 text run at (2,2) width 28: "c1r7"
114 RenderTableRow {TR} at (0,202) size 258x23
115 RenderTableCell {TD} at (190,202) size 32x23 [border: (1px inset #808080)] [r=8 c=1 rs=1 cs=1]
116 RenderText {#text} at (2,2) size 28x19
117 text run at (2,2) width 28: "c0r8"
118 RenderTableCell {TD} at (224,202) size 32x23 [border: (1px inset #808080)] [r=8 c=2 rs=1 cs=1]
119 RenderText {#text} at (2,2) size 28x19
120 text run at (2,2) width 28: "c1r8"
121 RenderTableRow {TR} at (0,227) size 258x23
122 RenderTableCell {TD} at (190,227) size 32x23 [border: (1px inset #808080)] [r=9 c=1 rs=1 cs=1]
123 RenderText {#text} at (2,2) size 28x19
124 text run at (2,2) width 28: "c0r9"
125 RenderTableCell {TD} at (224,227) size 32x23 [border: (1px inset #808080)] [r=9 c=2 rs=1 cs=1]
126 RenderText {#text} at (2,2) size 28x19
127 text run at (2,2) width 28: "c1r9"
128 RenderBlock {H2} at (0,558) size 769x28
129 RenderText {#text} at (0,0) size 265x28
130 text run at (0,0) width 265: "Col Span auto width table"
131 RenderTable {TABLE} at (0,605) size 698x79 [border: (1px outset #808080)]
132 RenderTableSection {TBODY} at (1,1) size 696x77
133 RenderTableRow {TR} at (0,2) size 696x23
134 RenderTableCell {TD} at (2,2) size 279x23 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=8]
135 RenderText {#text} at (2,2) size 105x19
136 text run at (2,2) width 105: "r0c[0-7], span=8"
137 RenderTableCell {TD} at (283,2) size 411x23 [border: (1px inset #808080)] [r=0 c=8 rs=1 cs=10]
138 RenderText {#text} at (2,2) size 162x19
139 text run at (2,2) width 162: "r0col[8-17], span=10 cols"
140 RenderTableRow {TR} at (0,27) size 696x23
141 RenderTableCell {TD} at (2,27) size 109x23 [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=3]
142 RenderText {#text} at (2,2) size 105x19
143 text run at (2,2) width 105: "r1c[0-2], span=3"
144 RenderTableCell {TD} at (113,27) size 168x23 [border: (1px inset #808080)] [r=1 c=3 rs=1 cs=5]
145 RenderText {#text} at (2,2) size 105x19
146 text run at (2,2) width 105: "r1c[3-7], span=5"
147 RenderTableCell {TD} at (283,27) size 284x23 [border: (1px inset #808080)] [r=1 c=8 rs=1 cs=7]
148 RenderText {#text} at (2,2) size 113x19
149 text run at (2,2) width 113: "r1c[8-14], span=7"
150 RenderTableCell {TD} at (569,27) size 125x23 [border: (1px inset #808080)] [r=1 c=15 rs=1 cs=3]
151 RenderText {#text} at (2,2) size 121x19
152 text run at (2,2) width 121: "r1c[15-17], span=3"
153 RenderTableRow {TR} at (0,52) size 696x23
154 RenderTableCell {TD} at (2,52) size 35x23 [border: (1px inset #808080)] [r=2 c=0 rs=1 cs=1]
155 RenderText {#text} at (2,2) size 28x19
156 text run at (2,2) width 28: "r2c0"
157 RenderTableCell {TD} at (39,52) size 35x23 [border: (1px inset #808080)] [r=2 c=1 rs=1 cs=1]
158 RenderText {#text} at (2,2) size 28x19
159 text run at (2,2) width 28: "r2c1"
160 RenderTableCell {TD} at (76,52) size 35x23 [border: (1px inset #808080)] [r=2 c=2 rs=1 cs=1]
161 RenderText {#text} at (2,2) size 28x19
162 text run at (2,2) width 28: "r2c3"
163 RenderTableCell {TD} at (113,52) size 32x23 [border: (1px inset #808080)] [r=2 c=3 rs=1 cs=1]
164 RenderText {#text} at (2,2) size 28x19
165 text run at (2,2) width 28: "r2c4"
166 RenderTableCell {TD} at (147,52) size 32x23 [border: (1px inset #808080)] [r=2 c=4 rs=1 cs=1]
167 RenderText {#text} at (2,2) size 28x19
168 text run at (2,2) width 28: "r2c5"
169 RenderTableCell {TD} at (181,52) size 32x23 [border: (1px inset #808080)] [r=2 c=5 rs=1 cs=1]
170 RenderText {#text} at (2,2) size 28x19
171 text run at (2,2) width 28: "r2c6"
172 RenderTableCell {TD} at (215,52) size 32x23 [border: (1px inset #808080)] [r=2 c=6 rs=1 cs=1]
173 RenderText {#text} at (2,2) size 28x19
174 text run at (2,2) width 28: "r2c7"
175 RenderTableCell {TD} at (249,52) size 32x23 [border: (1px inset #808080)] [r=2 c=7 rs=1 cs=1]
176 RenderText {#text} at (2,2) size 28x19
177 text run at (2,2) width 28: "r2c8"
178 RenderTableCell {TD} at (283,52) size 32x23 [border: (1px inset #808080)] [r=2 c=8 rs=1 cs=1]
179 RenderText {#text} at (2,2) size 28x19
180 text run at (2,2) width 28: "r2c9"
181 RenderTableCell {TD} at (317,52) size 40x23 [border: (1px inset #808080)] [r=2 c=9 rs=1 cs=1]
182 RenderText {#text} at (2,2) size 36x19
183 text run at (2,2) width 36: "r2c10"
184 RenderTableCell {TD} at (359,52) size 40x23 [border: (1px inset #808080)] [r=2 c=10 rs=1 cs=1]
185 RenderText {#text} at (2,2) size 36x19
186 text run at (2,2) width 36: "r2c11"
187 RenderTableCell {TD} at (401,52) size 40x23 [border: (1px inset #808080)] [r=2 c=11 rs=1 cs=1]
188 RenderText {#text} at (2,2) size 36x19
189 text run at (2,2) width 36: "r2c12"
190 RenderTableCell {TD} at (443,52) size 40x23 [border: (1px inset #808080)] [r=2 c=12 rs=1 cs=1]
191 RenderText {#text} at (2,2) size 36x19
192 text run at (2,2) width 36: "r2c13"
193 RenderTableCell {TD} at (485,52) size 40x23 [border: (1px inset #808080)] [r=2 c=13 rs=1 cs=1]
194 RenderText {#text} at (2,2) size 36x19
195 text run at (2,2) width 36: "r2c14"
196 RenderTableCell {TD} at (527,52) size 40x23 [border: (1px inset #808080)] [r=2 c=14 rs=1 cs=1]
197 RenderText {#text} at (2,2) size 36x19
198 text run at (2,2) width 36: "r2c15"
199 RenderTableCell {TD} at (569,52) size 40x23 [border: (1px inset #808080)] [r=2 c=15 rs=1 cs=1]
200 RenderText {#text} at (2,2) size 36x19
201 text run at (2,2) width 36: "r2c16"
202 RenderTableCell {TD} at (611,52) size 40x23 [border: (1px inset #808080)] [r=2 c=16 rs=1 cs=1]
203 RenderText {#text} at (2,2) size 36x19
204 text run at (2,2) width 36: "r2c17"
205 RenderTableCell {TD} at (653,52) size 41x23 [border: (1px inset #808080)] [r=2 c=17 rs=1 cs=1]
206 RenderText {#text} at (2,2) size 36x19
207 text run at (2,2) width 36: "r2c18"
208 RenderBlock {H2} at (0,703) size 769x28
209 RenderText {#text} at (0,0) size 189x28
210 text run at (0,0) width 189: "Row and Col Span"
211 RenderTable {TABLE} at (0,750) size 152x79 [border: (1px outset #808080)]
212 RenderTableSection {TBODY} at (1,1) size 150x77
213 RenderTableRow {TR} at (0,2) size 150x23
214 RenderTableCell {TD} at (2,14) size 78x23 [border: (1px inset #808080)] [r=0 c=0 rs=2 cs=2]
215 RenderText {#text} at (2,2) size 74x19
216 text run at (2,2) width 74: "r[0-2]c[0-1]"
217 RenderTableCell {TD} at (82,2) size 32x23 [border: (1px inset #808080)] [r=0 c=2 rs=1 cs=1]
218 RenderText {#text} at (2,2) size 28x19
219 text run at (2,2) width 28: "r0c2"
220 RenderTableCell {TD} at (116,2) size 32x23 [border: (1px inset #808080)] [r=0 c=3 rs=1 cs=1]
221 RenderText {#text} at (2,2) size 28x19
222 text run at (2,2) width 28: "r0c3"
223 RenderTableRow {TR} at (0,27) size 150x23
224 RenderTableCell {TD} at (82,27) size 32x23 [border: (1px inset #808080)] [r=1 c=2 rs=1 cs=1]
225 RenderText {#text} at (2,2) size 28x19
226 text run at (2,2) width 28: "r1c2"
227 RenderTableCell {TD} at (116,27) size 32x23 [border: (1px inset #808080)] [r=1 c=3 rs=1 cs=1]
228 RenderText {#text} at (2,2) size 28x19
229 text run at (2,2) width 28: "r1c3"
230 RenderTableRow {TR} at (0,52) size 150x23
231 RenderTableCell {TD} at (2,52) size 38x23 [border: (1px inset #808080)] [r=2 c=0 rs=1 cs=1]
232 RenderText {#text} at (2,2) size 28x19
233 text run at (2,2) width 28: "r2c0"
234 RenderTableCell {TD} at (42,52) size 38x23 [border: (1px inset #808080)] [r=2 c=1 rs=1 cs=1]
235 RenderText {#text} at (2,2) size 28x19
236 text run at (2,2) width 28: "r2c1"
237 RenderTableCell {TD} at (82,52) size 32x23 [border: (1px inset #808080)] [r=2 c=2 rs=1 cs=1]
238 RenderText {#text} at (2,2) size 28x19
239 text run at (2,2) width 28: "r2c2"
240 RenderTableCell {TD} at (116,52) size 32x23 [border: (1px inset #808080)] [r=2 c=3 rs=1 cs=1]
241 RenderText {#text} at (2,2) size 28x19
242 text run at (2,2) width 28: "r2c3"
243 RenderBlock {P} at (0,845) size 769x19
244 RenderText {#text} at (0,0) size 4x19
245 text run at (0,0) width 4: " "