| 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 } |
| 11 #div-table, #div-row, #span-row, #div-cell, #span-cell{ border: 1px solid bl
ack } | 11 #div-table, #div-row, #span-row, #div-cell, #span-cell{ border: 1px solid bl
ack } |
| 12 </style> | 12 </style> |
| 13 </head> | 13 </head> |
| 14 <body onload="checkLayout('tr')"> | 14 <body onload="checkLayout('tr')"> |
| 15 <h3>Test for chromium bug : <a href="https://code.google.com/p/chromium/issues/d
etail?id=254914">254914</a>. Height of fixed height cell is not proper when cell
's row is under row spanning cell.</h3> | 15 <h3>Test for chromium bug : <a href="https://code.google.com/p/chromium/issues/d
etail?id=249600">249600</a>. Extra logical height is not properly spread over th
e rows in a row-spanning cell.</h3> |
| 16 <h4>Rows in rowspan should get proportional height.</h4> | 16 <h4>Rows in rowspan should get proportional height.</h4> |
| 17 <h5>Test 1 - One rowSpan cell</h5> | 17 <h5>Test 1 - Three rowSpan cells</h5> |
| 18 <table border="1"> | 18 <table border="1"> |
| 19 <tbody> | 19 <tbody> |
| 20 <tr> | 20 <tr> |
| 21 <td>row0 col0</td> | 21 <td>row0 col0</td> |
| 22 </tr> | 22 </tr> |
| 23 <tr data-expected-height="19"> | 23 <tr data-expected-height="19"> |
| 24 <td rowspan="4">row1 col0 - rowspan=4</td> | 24 <td rowspan="4">row1 col0 - rowspan=4</td> |
| 25 <td>row1 col1</td> | 25 <td>row1 col1</td> |
| 26 </tr> | 26 </tr> |
| 27 <tr data-expected-height="19"> | 27 <tr data-expected-height="19"> |
| 28 <td>row2 col1</td> | 28 <td>row2 col1</td> |
| 29 </tr> | 29 </tr> |
| 30 <tr data-expected-height="19"> | 30 <tr data-expected-height="19"> |
| 31 <td>row3 col1</td> | 31 <td>row3 col1</td> |
| 32 </tr> | 32 </tr> |
| 33 <tr data-expected-height="19"> | 33 <tr data-expected-height="19"> |
| 34 <td>row4 col1</td> | 34 <td>row4 col1</td> |
| 35 </tr> | 35 </tr> |
| 36 <tr data-expected-height="19"> | 36 <tr data-expected-height="19"> |
| 37 <td>row5 col0</td> | 37 <td>row5 col0</td> |
| 38 </tr> | 38 </tr> |
| 39 <tr> |
| 40 <td>row6 col0</td> |
| 41 </tr> |
| 42 <tr data-expected-height="57"> |
| 43 <td>row7 col0</td> |
| 44 <td rowspan="4" style="height:300px">row7 col1 - rowspan=4</td> |
| 45 </tr> |
| 46 <tr data-expected-height="57"> |
| 47 <td>row8 col0</td> |
| 48 </tr> |
| 49 <tr data-expected-height="74"> |
| 50 <td>row9 col0</td> |
| 51 </tr> |
| 52 <tr data-expected-height="75"> |
| 53 <td>row10 col0</td> |
| 54 </tr> |
| 55 <tr data-expected-height="19"> |
| 56 <td>row11 col0</td> |
| 57 <td>row11 col1</td> |
| 58 </tr> |
| 59 <tr> |
| 60 <td>row12 col0</td> |
| 61 </tr> |
| 62 <tr data-expected-height="59"> |
| 63 <td>row13 col0</td> |
| 64 <td rowspan="4" style="height:300px">row13 col1 - rowspan=4</td> |
| 65 </tr> |
| 66 <tr data-expected-height="74"> |
| 67 <td style="height:70px">row14 col0</td> |
| 68 </tr> |
| 69 <tr data-expected-height="34"> |
| 70 <td style="height:30px">row15 col0</td> |
| 71 </tr> |
| 72 <tr data-expected-height="104"> |
| 73 <td style="height:100px">row16 col0</td> |
| 74 </tr> |
| 75 <tr data-expected-height="54"> |
| 76 <td style="height:50px">row17 col0</td> |
| 77 <td>row17 col1</td> |
| 78 </tr> |
| 39 </tbody> | 79 </tbody> |
| 40 </table> | 80 </table> |
| 41 <h5>Test 2 - One rowSpan cell and specified table width</h5> | 81 <h5>Test 2 - Three rowSpan cell and specified table width</h5> |
| 42 <table border="1" width="607"> | 82 <table border="1" width="607"> |
| 43 <tbody> | 83 <tbody> |
| 44 <tr data-expected-height="19"> | 84 <tr data-expected-height="19"> |
| 45 <td rowspan="5">row0 col0 - rowspan=5</td> | 85 <td rowspan="5">row0 col0 - rowspan=5</td> |
| 46 <td>row0 col1</td> | 86 <td>row0 col1</td> |
| 47 </tr> | 87 </tr> |
| 48 <tr data-expected-height="19"> | 88 <tr data-expected-height="19"> |
| 49 <td>row1 col1</td> | 89 <td>row1 col1</td> |
| 50 </tr> | 90 </tr> |
| 51 <tr data-expected-height="19"> | 91 <tr data-expected-height="19"> |
| 52 <td>row2 col1</td> | 92 <td>row2 col1</td> |
| 53 </tr> | 93 </tr> |
| 54 <tr data-expected-height="19"> | 94 <tr data-expected-height="19"> |
| 55 <td>row3 col1</td> | 95 <td>row3 col1</td> |
| 56 </tr> | 96 </tr> |
| 57 <tr data-expected-height="19"> | 97 <tr data-expected-height="19"> |
| 58 <td>row4 col1</td> | 98 <td>row4 col1</td> |
| 59 </tr> | 99 </tr> |
| 60 </tbody> | |
| 61 </table> | |
| 62 <h5>Test 3 - One rowSpan cell and specified rowSpan cell height</h5> | |
| 63 <table border="1"> | |
| 64 <tbody> | |
| 65 <tr> | 100 <tr> |
| 66 <td>row0 col0</td> | 101 <td>row5 col0</td> |
| 67 </tr> | 102 </tr> |
| 68 <tr data-expected-height="57"> | 103 <tr data-expected-height="57"> |
| 69 » <td>row1 col0</td> | 104 » <td>row6 col0</td> |
| 70 » <td rowspan="4" style="height:300px">row1 col1 - rowspan=4 height=300p
x</td> | 105 » <td rowspan="4" style="height:300px">row6 col1 - rowspan=4</td> |
| 71 </tr> | 106 </tr> |
| 72 <tr data-expected-height="57"> | 107 <tr data-expected-height="57"> |
| 73 <td>row2 col0</td> | 108 <td>row7 col0</td> |
| 74 </tr> | 109 </tr> |
| 75 <tr data-expected-height="74"> | 110 <tr data-expected-height="74"> |
| 76 <td>row3 col0</td> | 111 <td>row8 col0</td> |
| 77 </tr> | 112 </tr> |
| 78 <tr data-expected-height="75"> | 113 <tr data-expected-height="75"> |
| 79 <td>row4 col0</td> | 114 <td>row9 col0</td> |
| 80 </tr> | 115 </tr> |
| 81 <tr data-expected-height="19"> | 116 <tr data-expected-height="19"> |
| 82 <td>row5 col0</td> | 117 <td>row10 col0</td> |
| 83 <td>row5 col1</td> | 118 <td>row10 col1</td> |
| 119 </tr> |
| 120 <tr> |
| 121 <td>row11 col0</td> |
| 122 </tr> |
| 123 <tr data-expected-height="59"> |
| 124 » <td>row12 col0</td> |
| 125 » <td rowspan="4" style="height:300px">row12 col1 - rowspan=4</td> |
| 126 » </tr> |
| 127 <tr data-expected-height="74"> |
| 128 <td style="height:70px">row13 col0</td> |
| 129 </tr> |
| 130 <tr data-expected-height="34"> |
| 131 <td style="height:30px">row14 col0</td> |
| 132 </tr> |
| 133 <tr data-expected-height="104"> |
| 134 <td style="height:100px">row15 col0</td> |
| 135 </tr> |
| 136 <tr data-expected-height="54"> |
| 137 <td style="height:50px">row16 col0</td> |
| 138 <td>row16 col1</td> |
| 84 </tr> | 139 </tr> |
| 85 </tbody> | 140 </tbody> |
| 86 </table> | 141 </table> |
| 87 <h5>Test 4 - One rowSpan cell and one cell have fixed height.</h5> | 142 <h5>Test 3 - Continuous 3 rowSpan cells</h5> |
| 88 <table border="1"> | |
| 89 <tbody> | |
| 90 <tr> | |
| 91 <td>row0 col0</td> | |
| 92 </tr> | |
| 93 <tr data-expected-height="60"> | |
| 94 » <td>row1 col0</td> | |
| 95 » <td rowspan="4" style="height:300px">row1 col1 - rowspan=4 height=300p
x</td> | |
| 96 » </tr> | |
| 97 <tr data-expected-height="60"> | |
| 98 <td>row2 col0</td> | |
| 99 </tr> | |
| 100 <tr data-expected-height="44"> | |
| 101 <td style="height:40px">row3 col0 height=40px</td> | |
| 102 </tr> | |
| 103 <tr data-expected-height="85"> | |
| 104 <td>row4 col0</td> | |
| 105 </tr> | |
| 106 <tr data-expected-height="19"> | |
| 107 <td>row5 col0</td> | |
| 108 <td>row5 col1</td> | |
| 109 </tr> | |
| 110 </tbody> | |
| 111 </table> | |
| 112 <h5>Test 5 - One rowSpan cell and one cell have percent height.</h5> | |
| 113 <table border="1"> | |
| 114 <tbody> | |
| 115 <tr> | |
| 116 <td>row0 col0</td> | |
| 117 </tr> | |
| 118 <tr data-expected-height="23"> | |
| 119 » <td>row1 col0</td> | |
| 120 » <td rowspan="4" style="height:300px">row1 col1 - rowspan=4 height=300p
x</td> | |
| 121 » </tr> | |
| 122 <tr data-expected-height="183"> | |
| 123 <td style="height:40%">row2 col0 height=40%</td> | |
| 124 </tr> | |
| 125 <tr data-expected-height="41"> | |
| 126 <td>row3 col0</td> | |
| 127 </tr> | |
| 128 <tr data-expected-height="47"> | |
| 129 <td>row4 col0</td> | |
| 130 </tr> | |
| 131 <tr data-expected-height="19"> | |
| 132 <td>row5 col0</td> | |
| 133 <td>row5 col1</td> | |
| 134 </tr> | |
| 135 </tbody> | |
| 136 </table> | |
| 137 <h5>Test 6 - One rowSpan cell, one cell have percent height and another one cell
have fixed height.</h5> | |
| 138 <table border="1"> | 143 <table border="1"> |
| 139 <tbody> | 144 <tbody> |
| 140 <tr> | 145 <tr> |
| 141 <td>row0 col0</td> | 146 <td>row0 col0</td> |
| 142 </tr> | 147 </tr> |
| 143 <tr data-expected-height="19"> | 148 <tr data-expected-height="19"> |
| 144 » <td>row1 col0</td> | 149 » <td rowspan="4">row1 col0 - rowspan=4</td> |
| 145 » <td rowspan="4" style="height:300px">row1 col1 - rowspan=4 height=300p
x</td> | 150 » <td>row1 col1</td> |
| 146 </tr> | 151 </tr> |
| 147 <tr data-expected-height="183"> | 152 <tr data-expected-height="19"> |
| 148 <td style="height:40%">row2 col0 height=40%</td> | 153 <td>row2 col1</td> |
| 149 </tr> | |
| 150 <tr data-expected-height="44"> | |
| 151 <td style="height:40px">row3 col0 height=40px</td> | |
| 152 </tr> | |
| 153 <tr data-expected-height="49"> | |
| 154 <td>row4 col0</td> | |
| 155 </tr> | 154 </tr> |
| 156 <tr data-expected-height="19"> | 155 <tr data-expected-height="19"> |
| 157 <td>row5 col0</td> | 156 <td>row3 col1</td> |
| 158 <td>row5 col1</td> | 157 </tr> |
| 158 <tr data-expected-height="19"> |
| 159 <td>row4 col1</td> |
| 160 </tr> |
| 161 <tr data-expected-height="57"> |
| 162 » <td>row5 col0</td> |
| 163 » <td rowspan="4" style="height:300px">row5 col1 - rowspan=4</td> |
| 164 » </tr> |
| 165 <tr data-expected-height="57"> |
| 166 <td>row6 col0</td> |
| 167 </tr> |
| 168 <tr data-expected-height="74"> |
| 169 <td>row7 col0</td> |
| 170 </tr> |
| 171 <tr data-expected-height="75"> |
| 172 <td>row8 col0</td> |
| 173 </tr> |
| 174 <tr data-expected-height="59"> |
| 175 » <td>row9 col0</td> |
| 176 » <td rowspan="4" style="height:300px">row9 col1 - rowspan=4</td> |
| 177 » </tr> |
| 178 <tr data-expected-height="74"> |
| 179 <td style="height:70px">row10 col0</td> |
| 180 </tr> |
| 181 <tr data-expected-height="34"> |
| 182 <td style="height:30px">row11 col0</td> |
| 183 </tr> |
| 184 <tr data-expected-height="104"> |
| 185 <td style="height:100px">row12 col0</td> |
| 186 </tr> |
| 187 <tr data-expected-height="54"> |
| 188 <td style="height:50px">row13 col0</td> |
| 189 <td>row13 col1</td> |
| 159 </tr> | 190 </tr> |
| 160 </tbody> | 191 </tbody> |
| 161 </table> | 192 </table> |
| 162 <h5>Test 7 - One rowSpan cell and two cells have percent height but total percen
t is less than 100.</h5> | 193 <h5>Test 4 - Two rowSpan cells, 2 rows in first spanning cell have percent heigh
t and 2 rows in second spanning cell have fixed height</h5> |
| 163 <table border="1"> | 194 <table border="1"> |
| 164 <tbody> | 195 <tbody> |
| 165 <tr> | 196 <tr> |
| 166 <td>row0 col0</td> | 197 <td>row0 col0</td> |
| 167 </tr> | 198 </tr> |
| 168 <tr data-expected-height="33"> | 199 <tr data-expected-height="21"> |
| 169 » <td>row1 col0</td> | 200 » <td rowspan="4" style="height:300px">row1 col0 - rowspan=4</td> |
| 170 » <td rowspan="4" style="height:300px">row1 col1 - rowspan=4 height=300p
x</td> | 201 » <td>row1 col1</td> |
| 171 </tr> | 202 </tr> |
| 172 <tr data-expected-height="37"> | 203 <tr data-expected-height="199" style="height:20%"> |
| 173 <td>row2 col0</td> | 204 <td>row2 col1</td> |
| 174 </tr> | 205 </tr> |
| 175 <tr data-expected-height="131"> | 206 <tr data-expected-height="19"> |
| 176 <td style="height:30%">row3 col0 height=30%</td> | 207 <td>row3 col1</td> |
| 177 </tr> | 208 </tr> |
| 178 <tr data-expected-height="142"> | 209 <tr data-expected-height="74" style="height:30%"> |
| 179 <td style="height:40%">row4 col0 height=40%</td> | 210 <td>row4 col1</td> |
| 180 </tr> | 211 </tr> |
| 181 <tr data-expected-height="19"> | 212 <tr data-expected-height="19"> |
| 182 <td>row5 col0</td> | 213 <td>row5 col0</td> |
| 183 <td>row5 col1</td> | 214 </tr> |
| 215 <tr> |
| 216 <td>row6 col0</td> |
| 217 </tr> |
| 218 <tr data-expected-height="58"> |
| 219 » <td>row7 col0</td> |
| 220 » <td rowspan="4" style="height:300px">row7 col1 - rowspan=4</td> |
| 221 » </tr> |
| 222 <tr data-expected-height="50" style="height:50px"> |
| 223 <td>row8 col0</td> |
| 224 </tr> |
| 225 <tr data-expected-height="89"> |
| 226 <td>row9 col0</td> |
| 227 </tr> |
| 228 <tr data-expected-height="70" style="height:70px"> |
| 229 <td>row10 col0</td> |
| 230 </tr> |
| 231 <tr data-expected-height="19"> |
| 232 <td>row11 col0</td> |
| 233 <td>row11 col1</td> |
| 234 </tr> |
| 235 <tr> |
| 236 <td>row12 col0</td> |
| 184 </tr> | 237 </tr> |
| 185 </tbody> | 238 </tbody> |
| 186 </table> | 239 </table> |
| 187 <h5>Test 8 - One rowSpan cell and three cells have percent height but total perc
ent is more than 100.</h5> | 240 </table> |
| 241 <h5>Test 5 - Two rowSpan cells, in first spanning cell, 2 rows have percent heig
ht and 2 rows have fixed height and in second spanning cell, 1 row have fixed he
ight, 1 row have percent height and remaining are auto.</h5> |
| 188 <table border="1"> | 242 <table border="1"> |
| 189 <tbody> | 243 <tbody> |
| 190 <tr> | 244 <tr> |
| 191 <td>row0 col0</td> | 245 <td>row0 col0</td> |
| 192 </tr> | 246 </tr> |
| 193 <tr data-expected-height="203"> | 247 <tr data-expected-height="64"> |
| 194 » <td style="height:60%">row1 col0 height=60%</td> | 248 » <td rowspan="4" style="height:300px">row1 col0 - rowspan=4</td> |
| 195 » <td rowspan="4" style="height:300px">row1 col1 - rowspan=4 height=300p
x</td> | 249 » <td style="height:60px">row1 col1</td> |
| 196 </tr> | 250 </tr> |
| 197 <tr data-expected-height="34"> | 251 <tr data-expected-height="152" style="height:20%"> |
| 198 <td style="height:40%">row2 col0 height=40%</td> | 252 <td>row2 col1</td> |
| 199 </tr> | 253 </tr> |
| 200 <tr data-expected-height="19"> | 254 <tr data-expected-height="40" style="height:40px"> |
| 201 <td>row3 col0</td> | 255 <td>row3 col1</td> |
| 202 </tr> | 256 </tr> |
| 203 <tr data-expected-height="34"> | 257 <tr data-expected-height="19" style="height:30%"> |
| 204 <td style="height:50%">row4 col0 height=50%</td> | 258 <td>row4 col1</td> |
| 205 </tr> | 259 </tr> |
| 206 <tr data-expected-height="19"> | 260 <tr data-expected-height="19"> |
| 207 <td>row5 col0</td> | 261 <td>row5 col0</td> |
| 208 <td>row5 col1</td> | 262 </tr> |
| 263 <tr> |
| 264 <td>row6 col0</td> |
| 265 </tr> |
| 266 <tr data-expected-height="19"> |
| 267 » <td>row7 col0</td> |
| 268 » <td rowspan="4" style="height:300px">row7 col1 - rowspan=4</td> |
| 269 » </tr> |
| 270 <tr data-expected-height="218" style="height:30%"> |
| 271 <td>row8 col0</td> |
| 272 </tr> |
| 273 <tr data-expected-height="20"> |
| 274 <td>row9 col0</td> |
| 275 </tr> |
| 276 <tr data-expected-height="50" style="height:50px"> |
| 277 <td>row10 col0</td> |
| 278 </tr> |
| 279 <tr data-expected-height="19"> |
| 280 <td>row11 col0</td> |
| 281 <td>row11 col1</td> |
| 282 </tr> |
| 283 <tr> |
| 284 <td>row12 col0</td> |
| 209 </tr> | 285 </tr> |
| 210 </tbody> | 286 </tbody> |
| 211 </table> | 287 </table> |
| 212 <h5>Test 9 - One rowSpan cell and specified cells height.</h5> | 288 <h5>Test 6 - RowSpan and ColSpan. </h5> |
| 213 <table border="1"> | |
| 214 <tbody> | |
| 215 <tr> | |
| 216 <td>row0 col0</td> | |
| 217 </tr> | |
| 218 <tr data-expected-height="74"> | |
| 219 » <td style="height:70px">row1 col0 height=70px</td> | |
| 220 » <td rowspan="4" style="height:500px">row1 col1 - rowspan=4 height=500p
x</td> | |
| 221 » </tr> | |
| 222 <tr data-expected-height="74"> | |
| 223 <td style="height:70px">row2 col0 height=70px</td> | |
| 224 </tr> | |
| 225 <tr data-expected-height="59"> | |
| 226 <td style="height:30px">row3 col0 height=30px</td> | |
| 227 </tr> | |
| 228 <tr data-expected-height="182"> | |
| 229 <td style="height:100px">row4 col0 height=100px</td> | |
| 230 </tr> | |
| 231 <tr data-expected-height="54"> | |
| 232 <td style="height:50px">row5 col0 height=50px</td> | |
| 233 <td>row5 col1</td> | |
| 234 </tr> | |
| 235 </tbody> | |
| 236 </table> | |
| 237 <h5>Test 10 - RowSpan and ColSpan. </h5> | |
| 238 <table border="1" width="607"> | 289 <table border="1" width="607"> |
| 239 <tbody> | 290 <tbody> |
| 240 <tr data-expected-height="34"> | 291 <tr data-expected-height="34"> |
| 241 <td>row0 col0</td> | 292 <td>row0 col0</td> |
| 242 <td rowspan="3" colspan="2">row0 col1 - rowspan=3 colspan=2</td> | 293 <td rowspan="3" colspan="2">row0 col1 - rowspan=3 colspan=2</td> |
| 243 <td>row0 col2</td> | 294 <td>row0 col2</td> |
| 244 </tr> | 295 </tr> |
| 245 <tr data-expected-height="34"> | 296 <tr data-expected-height="34"> |
| 246 <td>row1 col0</td> | 297 <td>row1 col0</td> |
| 247 </tr> | 298 </tr> |
| 248 <tr data-expected-height="34"> | 299 <tr data-expected-height="34"> |
| 249 <td>row2 col0</td> | 300 <td>row2 col0</td> |
| 250 </tr> | 301 </tr> |
| 251 <tr data-expected-height="19"> | 302 <tr data-expected-height="19"> |
| 252 <td colspan="3">row3 col0 - colspan=3</td> | 303 <td colspan="3">row3 col0 - colspan=3</td> |
| 253 </tr> | 304 </tr> |
| 254 <tr data-expected-height="34"> | 305 <tr data-expected-height="34"> |
| 255 <td>row4 col0</td> | 306 <td>row4 col0</td> |
| 256 </tr> | 307 </tr> |
| 257 </tbody> | 308 </tbody> |
| 258 </table> | 309 </table> |
| 259 <h5>Test 11 - Mix of baseline aligned and non-baseline aligned cells.</h5> | 310 <h5>Test 5 - Mix of baseline aligned and non-baseline aligned cells.</h5> |
| 260 <table border="1" width="607"> | 311 <table border="1" width="607"> |
| 261 <tbody> | 312 <tbody> |
| 262 <tr data-expected-height="104"> | 313 <tr data-expected-height="104"> |
| 263 <td style="height:100px">row0 col0</td> | 314 <td style="height:100px">row0 col0</td> |
| 264 <td style="vertical-align:top">row0 col1 vertical-align=top</td> | 315 <td style="vertical-align:top">row0 col1 vertical-align=top</td> |
| 265 <td style="vertical-align:bottom">row0 col2 vertical-align=bottom</td> | 316 <td style="vertical-align:bottom">row0 col2 vertical-align=bottom</td> |
| 266 </tr> | 317 </tr> |
| 267 <tr data-expected-height="19"> | 318 <tr data-expected-height="19"> |
| 268 <td>row1 col0</td> | 319 <td>row1 col0</td> |
| 269 </tr> | 320 </tr> |
| 270 <tr data-expected-height="77"> | 321 <tr data-expected-height="77"> |
| 271 <td rowspan="4" style="vertical-align:text-top; height:300px">row2 col0 -
rowspan=4 vertical-align=text-top</td> | 322 <td rowspan="4" style="vertical-align:text-top; height:300px">row2 col0 -
rowspan=4 vertical-align=text-top</td> |
| 272 <td style="vertical-align:sub">row2 col1 vertical-align=sub</td> | 323 <td style="vertical-align:sub">row2 col1 vertical-align=sub</td> |
| 273 </tr> | 324 </tr> |
| 274 <tr data-expected-height="77"> | 325 <tr data-expected-height="77"> |
| 275 <td style="vertical-align:middle">row3 col1 vertical-align=middle</td> | 326 <td style="vertical-align:middle">row3 col1 vertical-align=middle</td> |
| 276 </tr> | 327 </tr> |
| 277 <tr data-expected-height="69"> | 328 <tr data-expected-height="69"> |
| 278 <td style="vertical-align:super">row4 col1 vertical-align=super</td> | 329 <td style="vertical-align:super">row4 col1 vertical-align=super</td> |
| 279 </tr> | 330 </tr> |
| 280 <tr data-expected-height="91"> | 331 <tr data-expected-height="91"> |
| 281 <td style="vertical-align:text-bottom">row5 col1 vertical-align=text-botto
m</td> | 332 <td style="vertical-align:text-bottom">row5 col1 vertical-align=text-botto
m</td> |
| 282 </tr> | 333 </tr> |
| 283 <tr data-expected-height="19"> | 334 <tr data-expected-height="19"> |
| 284 <td>row6 col0</td> | 335 <td>row6 col0</td> |
| 285 </tr> | 336 </tr> |
| 286 </tbody> | 337 </tbody> |
| 287 </table> | 338 </table> |
| 288 <h5>Test 12 - CSS Table.</h5> | 339 <h5>Test 6 - CSS Table.</h5> |
| 289 <div id="div-table"> | 340 <div id="div-table"> |
| 290 <span id="span-row"> | 341 <span id="span-row"> |
| 291 <span id="span-cell">row0 col0</span> | 342 <span id="span-cell">row0 col0</span> |
| 292 <div id="div-cell">row0 col1</div> | 343 <div id="div-cell">row0 col1</div> |
| 293 <span id="span-cell">row0 col2</span> | 344 <span id="span-cell">row0 col2</span> |
| 294 </span> | 345 </span> |
| 295 <div id="div-row"> | 346 <div id="div-row"> |
| 296 <div id="div-cell">row1 col0</div> | 347 <div id="div-cell">row1 col0</div> |
| 297 <span id="span-cell">row1 col1</span> | 348 <span id="span-cell">row1 col1</span> |
| 298 <div id="div-cell">row1 col2</div> | 349 <div id="div-cell">row1 col2</div> |
| (...skipping 24 matching lines...) Expand all Loading... |
| 323 <span id="span-row"> | 374 <span id="span-row"> |
| 324 <span id="span-cell">row8 col0</span> | 375 <span id="span-cell">row8 col0</span> |
| 325 </span> | 376 </span> |
| 326 <div id="div-row"> | 377 <div id="div-row"> |
| 327 <div id="div-cell">row9 col0</div> | 378 <div id="div-cell">row9 col0</div> |
| 328 </div> | 379 </div> |
| 329 <div id="div-row"> | 380 <div id="div-row"> |
| 330 <div id="div-cell">row10 col0</div> | 381 <div id="div-cell">row10 col0</div> |
| 331 </div> | 382 </div> |
| 332 </div> | 383 </div> |
| 333 <h5>Test 13 - Table Similar to CSS table with rowspan.</h5> | 384 <h5>Test 7 - Table Similar to CSS table with rowspan.</h5> |
| 334 <table border="1px"> | 385 <table border="1px"> |
| 335 <tr data-expected-height="39"> | 386 <tr data-expected-height="39"> |
| 336 <td rowspan=5 style="height:300px">row0 col0</td> | 387 <td rowspan=5 style="height:300px">row0 col0</td> |
| 337 <td>row0 col1</td> | 388 <td>row0 col1</td> |
| 338 <td>row0 col2</td> | 389 <td>row0 col2</td> |
| 339 </tr> | 390 </tr> |
| 340 <tr data-expected-height="48"> | 391 <tr data-expected-height="48"> |
| 341 <td rowspan=3 style="height:200px">row1 col1</td> | 392 <td rowspan=3 style="height:200px">row1 col1</td> |
| 342 <td rowspan=2 style="height:100px">row1 col2</td> | 393 <td rowspan=2 style="height:100px">row1 col2</td> |
| 343 <td>row1 col3</td> | 394 <td>row1 col3</td> |
| (...skipping 11 matching lines...) Expand all Loading... |
| 355 </tr> | 406 </tr> |
| 356 <tr data-expected-height="19"> | 407 <tr data-expected-height="19"> |
| 357 <td>row5 col0</td> | 408 <td>row5 col0</td> |
| 358 <td>row5 col1</td> | 409 <td>row5 col1</td> |
| 359 <td>row5 col2</td> | 410 <td>row5 col2</td> |
| 360 </tr> | 411 </tr> |
| 361 <tr data-expected-height="0"> | 412 <tr data-expected-height="0"> |
| 362 <td rowspan=5 style="height:200px">row6 col0</td> | 413 <td rowspan=5 style="height:200px">row6 col0</td> |
| 363 <td rowspan=5 style="height:100px">row6 col1</td> | 414 <td rowspan=5 style="height:100px">row6 col1</td> |
| 364 </tr> | 415 </tr> |
| 365 <tr data-expected-height="19"> | 416 <tr data-expected-height="37"> |
| 366 <td>row7 col1</td> | 417 <td>row7 col1</td> |
| 367 </tr> | 418 </tr> |
| 368 <tr data-expected-height="19"> | 419 <tr data-expected-height="38"> |
| 369 <td>row8 col1</td> | 420 <td>row8 col1</td> |
| 370 </tr> | 421 </tr> |
| 371 <tr data-expected-height="19"> | 422 <tr data-expected-height="49"> |
| 372 <td>row9 col1</td> | 423 <td>row9 col1</td> |
| 373 </tr> | 424 </tr> |
| 374 <tr data-expected-height="19"> | 425 <tr data-expected-height="49"> |
| 375 <td>row10 col1</td> | 426 <td>row10 col1</td> |
| 376 </tr> | 427 </tr> |
| 377 </table> | 428 </table> |
| 378 </body> | 429 </body> |
| 379 </html> | 430 </html> |
| OLD | NEW |