blob: 41c504bc48ec8a2691d4a3365c5dee6cecf3c773 [file] [log] [blame]
Robert Hogan07fbfa92017-09-14 22:45:151<!DOCTYPE html>
2<style>
3.header {
4 line-height: 80px;
5}
6thead, tfoot {
7 break-inside: avoid;
8}
9</style>
10<div style="columns:3; column-fill: auto; height:612px; background-color: yellow;">
11 <div>
12 <table cellpadding=0 cellspacing=0>
13 <thead>
14 <tr>
15 <td>
16 <div class="header">
17 HEADER
18 </div>
19 </td>
20 </tr>
21 </thead>
22 <tbody>
23 <tr><td><div style="height: 495px; width: 1px;"></div></td></tr>
24 <tr>
25 <td>
26 <table cellpadding="0" cellspacing="0" style="line-height: 20px; width:200px;">
27 <thead>
28 <td style="width:64px"><strong>Col 1</strong></td>
29 <td><strong>Col 2</strong></td>
30 <td><strong>Col 3</strong></td>
31 <td><strong>Col 4</strong></td>
32 <td><strong>Col 5</strong></td>
33 </thead>
34 <tbody>
35 <tr>
36 <td style="height:80px">0</td>
37 <td>0</td>
38 <td>0</td>
39 <td>0</td>
40 <td>0</td>
41 </tr>
42 <tr>
43 <td style="height:80px">0</td>
44 <td>0</td>
45 <td>0</td>
46 <td>0</td>
47 <td>0</td>
48 </tr>
49 <tr>
50 <td style="height:80px">0</td>
51 <td>0</td>
52 <td>0</td>
53 <td>0</td>
54 <td>0</td>
55 </tr>
56 <tr>
57 <td style="height:80px">0</td>
58 <td>0</td>
59 <td>0</td>
60 <td>0</td>
61 <td>0</td>
62 </tr>
63 <tr>
64 <td style="height:80px">0</td>
65 <td>0</td>
66 <td>0</td>
67 <td>0</td>
68 <td>0</td>
69 </tr>
70 <tr>
71 <td style="height:40px">0</td>
72 <td>0</td>
73 <td>0</td>
74 <td>0</td>
75 <td>0</td>
76 </tr>
77 <tr>
78 <td style="height:80px">0</td>
79 <td>0</td>
80 <td>0</td>
81 <td>0</td>
82 <td>0</td>
83 </tr>
84 <tr>
85 <td style="height:80px">0</td>
86 <td>0</td>
87 <td>0</td>
88 <td>0</td>
89 <td>0</td>
90 </tr>
91 <tr>
92 <td style="height:80px">0</td>
93 <td>0</td>
94 <td>0</td>
95 <td>0</td>
96 <td>0</td>
97 </tr>
98 </tbody>
99 </table>
100 </td>
101 </tr>
102 </tbody>
103 </table>
104 </div>
105</div>