OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <style> | |
3 tr { height: 30px } | |
4 </style> | |
5 Should repaint the backgrounds of column (yellow), section (blue) and row (green ) when cells resize. | |
6 <table id="table" style="width: 300px"> | |
wkorman
2017/04/27 22:30:23
id not used
Xianzhu
2017/04/28 00:31:06
Done.
| |
7 <colgroup> | |
8 <col style="background: yellow"> | |
9 </colgroup> | |
10 <thead style="background: blue"> | |
11 <tr> | |
12 <td>A</td><td id="cell" style="width: 100px">B</td><td>C</td> | |
13 </tr> | |
14 </thead> | |
15 <tbody> | |
16 <tr style="background: green"> | |
17 <td>A</td><td>B</td><td>C</td> | |
18 </tr> | |
19 </tbody> | |
20 <tfoot> | |
21 <tr> | |
22 <td>A</td><td>B</td><td>C</td> | |
23 </tr> | |
24 </tfoot> | |
25 </table> | |
26 <script src="../../../resources/run-after-layout-and-paint.js"></script> | |
27 <script> | |
28 runAfterLayoutAndPaint(function() { | |
29 cell.style.width = '200px'; | |
30 }, true); | |
31 </script> | |
OLD | NEW |