X-Git-Url: https://plomlompom.com/repos/?p=berlin-corona-table;a=blobdiff_plain;f=enhance_table.py;h=5926db0c1cc6a61bd445b6d482dd549057bcee23;hp=6fe12d4282fb8c0816756673041b33e57c076a7d;hb=ac8865761b936186c35acd382c7d191b0b5ef7bd;hpb=46e399e76a33e978ff50cdfd735d4701093c1976

diff --git a/enhance_table.py b/enhance_table.py
index 6fe12d4..5926db0 100755
--- a/enhance_table.py
+++ b/enhance_table.py
@@ -136,10 +136,11 @@ if output_type == 'html':
 <head>
 <style>
 table, tr, th, td { border: 1px solid black; text-align: center; }
-.day_row:nth-child(7n+2) { background-color: yellow; }
+.day_row:nth-child(7n+1) { background-color: yellow; }
 .district_name { writing-mode: vertical-rl; transform: rotate(180deg); }
 .bonus_data th { font-weight: normal; }
 .new_infections { font-weight: bold; }
+thead th { position: sticky; top: 0; background-color: white; }
 </style>
 <title>Berlin's Corona infection numbers, development by districts</title>
 </head>
@@ -147,6 +148,7 @@ table, tr, th, td { border: 1px solid black; text-align: center; }
 <h1>Berlin's Corona infection numbers, development by districts</h1>
 <p>Updated daily at 9pm based on data from the "Senatsverwaltung fÃ¼r Gesundheit, Pflege und Gleichstellung". <a href="https://plomlompom.com/repos/?p=berlin-corona-table">Source code</a>. <a href="berlin_corona.txt">Text view optimized for terminal curl</a>.</p>
 <table>
+<thead>
 <tr>
 <th>date</th>""")
     sorted_dates.reverse()
@@ -156,8 +158,11 @@ table, tr, th, td { border: 1px solid black; text-align: center; }
         if sum_district == district:
             print('<th>%s</th>' % long_form)
         else:
-            print('<th class="district_name">%s</th>' % long_form)
+            # Wrap in div because the vertical orientation otherwise fails
+            # in Chromium.
+            print('<th><div class="district_name">%s</div></th>' % long_form)
     print('</tr>')
+    print('</thead>')
     for date in sorted_dates:
         print('<tr class="day_row">')
         print('<td>%s</td>' % date)
