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