| <html> |
| <body> |
| |
| <h2>Printable table with repeated header</h2> |
| |
| <p> |
| Please print (to PDF, save the trees) this table and compare this to the |
| print results of Chrome/Firefox. |
| <ul> |
| <li>Firefox fails to render the first repeated header correctly |
| <li>Chrome fails to render the Cell B top edge (should be red, except the first row after header |
| <li>Qt: Could do slightly better with the last row on each page (although both Firefox and Chrome don't work perfect here as well) |
| </ul> |
| </p> |
| |
| <table border=1 bordercolor="#aaaaaa" style="border-collapse:collapse"> |
| <thead> |
| <tr> |
| <th style="border-bottom: 1px solid blue">Header A</th> |
| <th style="border-bottom: 4px solid blue">Header B</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| <tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr> |
| </tbody> |
| </table> |
| |
| </body> |
| </html> |