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