Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(527)

Side by Side Diff: third_party/WebKit/LayoutTests/fragmentation/single-line-cells-repeating-thead-break-inside-on-thead-only-expected.html

Issue 2021703002: Display table header groups at the top of each page (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Updated Created 4 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <style>
3 table {
4 border-collapse: collapse;
5 }
6 td, th {
7 background-color: #ddd;
8 border: 1px solid black;
9 }
10 tr {
11 break-inside: avoid;
12 }
13 .header {
14 font-weight: bold;
15 text-align: -internal-center
16 }
17 </style>
18 <p>crbug.com/24826: A table header group repeats on each page and forces a strut on the rows to achieve it, even when the rows themselves do not force a strut w ith break-inside:avoid.</p>
19 <div style="-webkit-columns:3; line-height: 20px; column-fill: auto; height:190p x; background-color: yellow;">
20 <table>
21 <tr><td class="header">Col 1</td><td class="header">Col 2</td></tr>
22 <tr><td>Te</td><td>xt</td></tr>
23 <tr><td>Te</td><td>xt</td></tr>
24 <tr><td>Te</td><td>xt</td></tr>
25 <tr><td>Te</td><td>xt</td></tr>
26 <tr><td>Te</td><td>xt</td></tr>
27 <tr><td>Te</td><td>xt</td></tr>
28 <tr><td>Te</td><td>xt</td></tr>
29 <tr><td class="header">Col 1</td><td class="header">Col 2</td></tr>
30 <tr><td>Te</td><td>xt</td></tr>
31 <tr><td>Te</td><td>xt</td></tr>
32 <tr><td>Te</td><td>xt</td></tr>
33 <tr><td>Te</td><td>xt</td></tr>
34 <tr><td>Te</td><td>xt</td></tr>
35 <tr><td>Te</td><td>xt</td></tr>
36 <tr><td>Te</td><td>xt</td></tr>
37 <tr><td class="header">Col 1</td><td class="header">Col 2</td></tr>
38 <tr><td>Te</td><td>xt</td></tr>
39 <tr><td>Te</td><td>xt</td></tr>
40 <tr><td>Te</td><td>xt</td></tr>
41 <tr><td>Te</td><td>xt</td></tr>
42 <tr><td>Te</td><td>xt</td></tr>
43 <tr><td>Te</td><td>xt</td></tr>
44 <tr><td>Te</td><td>xt</td></tr>
45 <tr><td>Te</td><td>xt</td></tr>
46 <tr><td>Te</td><td>xt</td></tr>
47 </tbody>
48 </table>
49 </div>
50
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698