qt5base-lts/tests/manual/qtexttableborders/table-border-test-header.html

130 lines
8.9 KiB
HTML
Raw Normal View History

<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>