OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Table rowspan</title> | 4 <title>Table rowspan</title> |
5 <script src="../../resources/check-layout.js"></script> | 5 <script src="../../resources/check-layout.js"></script> |
6 <style> | 6 <style> |
7 td { font: 15px/1 Ahem } | 7 td { font: 15px/1 Ahem } |
8 #div-table { display: table; border-spacing: 2px } | 8 #div-table { display: table; border-spacing: 2px } |
9 #div-row, #span-row { display: table-row } | 9 #div-row, #span-row { display: table-row } |
10 #div-cell, #span-cell { display: table-cell } | 10 #div-cell, #span-cell { display: table-cell } |
(...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
68 <tr data-expected-height="57"> | 68 <tr data-expected-height="57"> |
69 <td>row1 col0</td> | 69 <td>row1 col0</td> |
70 <td rowspan="4" style="height:300px">row1 col1 - rowspan=4</td> | 70 <td rowspan="4" style="height:300px">row1 col1 - rowspan=4</td> |
71 </tr> | 71 </tr> |
72 <tr data-expected-height="57"> | 72 <tr data-expected-height="57"> |
73 <td>row2 col0</td> | 73 <td>row2 col0</td> |
74 </tr> | 74 </tr> |
75 <tr data-expected-height="74"> | 75 <tr data-expected-height="74"> |
76 <td>row3 col0</td> | 76 <td>row3 col0</td> |
77 </tr> | 77 </tr> |
78 <tr data-expected-height="76"> | 78 <tr data-expected-height="75"> |
79 <td>row4 col0</td> | 79 <td>row4 col0</td> |
80 </tr> | 80 </tr> |
81 <tr data-expected-height="19"> | 81 <tr data-expected-height="19"> |
82 <td>row5 col0</td> | 82 <td>row5 col0</td> |
83 <td>row5 col1</td> | 83 <td>row5 col1</td> |
84 </tr> | 84 </tr> |
85 </tbody> | 85 </tbody> |
86 </table> | 86 </table> |
87 <h5>Test 4 - One rowSpan cell and specified cells height</h5> | 87 <h5>Test 4 - One rowSpan cell and specified cells height</h5> |
88 <table border="1"> | 88 <table border="1"> |
89 <tbody> | 89 <tbody> |
90 <tr> | 90 <tr> |
91 <td>row0 col0</td> | 91 <td>row0 col0</td> |
92 </tr> | 92 </tr> |
93 <tr data-expected-height="33"> | 93 <tr data-expected-height="59"> |
94 <td>row1 col0</td> | 94 <td>row1 col0</td> |
95 <td rowspan="4" style="height:300px">row1 col1 - rowspan=4</td> | 95 <td rowspan="4" style="height:300px">row1 col1 - rowspan=4</td> |
96 </tr> | 96 </tr> |
97 <tr data-expected-height="130"> | 97 <tr data-expected-height="74"> |
98 <td style="height:70px">row2 col0</td> | 98 <td style="height:70px">row2 col0</td> |
99 </tr> | 99 </tr> |
100 <tr data-expected-height="43"> | 100 <tr data-expected-height="34"> |
101 <td style="height:30px">row3 col0</td> | 101 <td style="height:30px">row3 col0</td> |
102 </tr> | 102 </tr> |
103 <tr data-expected-height="136"> | 103 <tr data-expected-height="104"> |
104 <td style="height:100px">row4 col0</td> | 104 <td style="height:100px">row4 col0</td> |
105 </tr> | 105 </tr> |
106 <tr data-expected-height="54"> | 106 <tr data-expected-height="54"> |
107 <td style="height:50px">row5 col0</td> | 107 <td style="height:50px">row5 col0</td> |
108 <td>row5 col1</td> | 108 <td>row5 col1</td> |
109 </tr> | 109 </tr> |
110 </tbody> | 110 </tbody> |
111 </table> | 111 </table> |
112 <h5>Test 5 - RowSpan and ColSpan. </h5> | 112 <h5>Test 5 - RowSpan and ColSpan. </h5> |
113 <table border="1" width="607"> | 113 <table border="1" width="607"> |
(...skipping 91 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
205 <div id="div-cell">row10 col0</div> | 205 <div id="div-cell">row10 col0</div> |
206 </div> | 206 </div> |
207 </div> | 207 </div> |
208 <h5>Test 8 - Table Similar to CSS table with rowspan.</h5> | 208 <h5>Test 8 - Table Similar to CSS table with rowspan.</h5> |
209 <table border="1px"> | 209 <table border="1px"> |
210 <tr data-expected-height="39"> | 210 <tr data-expected-height="39"> |
211 <td rowspan=5 style="height:300px">row0 col0</td> | 211 <td rowspan=5 style="height:300px">row0 col0</td> |
212 <td>row0 col1</td> | 212 <td>row0 col1</td> |
213 <td>row0 col2</td> | 213 <td>row0 col2</td> |
214 </tr> | 214 </tr> |
215 <tr data-expected-height="47"> | 215 <tr data-expected-height="48"> |
216 <td rowspan=3 style="height:200px">row1 col1</td> | 216 <td rowspan=3 style="height:200px">row1 col1</td> |
217 <td rowspan=2 style="height:100px">row1 col2</td> | 217 <td rowspan=2 style="height:100px">row1 col2</td> |
218 <td>row1 col3</td> | 218 <td>row1 col3</td> |
219 </tr> | 219 </tr> |
220 <tr data-expected-height="47"> | 220 <tr data-expected-height="47"> |
221 <td>row2 col3</td> | 221 <td>row2 col3</td> |
222 </tr> | 222 </tr> |
223 <tr data-expected-height="59"> | 223 <tr data-expected-height="59"> |
224 <td>row3 col2</td> | 224 <td>row3 col2</td> |
225 </tr> | 225 </tr> |
(...skipping 19 matching lines...) Expand all Loading... |
245 </tr> | 245 </tr> |
246 <tr data-expected-height="19"> | 246 <tr data-expected-height="19"> |
247 <td>row9 col1</td> | 247 <td>row9 col1</td> |
248 </tr> | 248 </tr> |
249 <tr data-expected-height="19"> | 249 <tr data-expected-height="19"> |
250 <td>row10 col1</td> | 250 <td>row10 col1</td> |
251 </tr> | 251 </tr> |
252 </table> | 252 </table> |
253 </body> | 253 </body> |
254 </html> | 254 </html> |
OLD | NEW |