From: Christian Heller <c.heller@plomlompom.de>
Date: Sat, 4 Jul 2020 11:10:53 +0000 (+0200)
Subject: Replace sticky header (and week-separator lines) with repeated header.
X-Git-Url: https://plomlompom.com/repos/%7B%7Bdb.prefix%7D%7D/blog?a=commitdiff_plain;h=fca28d3ad3def405de5853c253e0ef130eb41fdc;p=berlin-corona-table

Replace sticky header (and week-separator lines) with repeated header.
---

diff --git a/enhance_table.py b/enhance_table.py
index 0ca53d7..4a060a4 100755
--- a/enhance_table.py
+++ b/enhance_table.py
@@ -140,9 +140,8 @@ if output_type == 'html':
 <head>
 <style>
 th { text-align: left; vertical-align: bottom; }
-.day_row:nth-child(7n+3) > td { border-top: 1px solid black; }
 .vertical_header { writing-mode: vertical-rl; transform: rotate(180deg); font-weight: normal; }
-.fixed_head { position: sticky; top: 0; background-color: white; }
+.repeated_head th { padding-top: 0.5em; border-bottom: 1px solid black; }
 .bold { font-weight: bold }
 </style>
 <title>Berlin's Corona infection numbers, development by districts</title>
@@ -160,15 +159,16 @@ th { text-align: left; vertical-align: bottom; }
         print('<th><div class="vertical_header">%s</div></th>' %
               translate[district])
     print('</tr>')
-    print('<tr class="fixed_head">')
-    # In Chromium, the th only stay fixed if also given this class.
-    print('<th class="fixed_head">date</th>')
-    print('<th class="fixed_head"><a href="#symbols">?</a></th>')
-    for district in sorted_districts:
-        print('<th class="fixed_head"><abbr title="%s">%s</abbr></th>' %
-              (translate[district], district))
-    print('</tr>')
+    weekday_count = 0
     for date in sorted_dates:
+        if weekday_count == 0:
+            print('<tr class="repeated_head">')
+            print('<th>date</th>')
+            print('<th><a href="#symbols">?</a></th>')
+            for district in sorted_districts:
+                print('<th><abbr title="%s">%s</abbr></th>' %
+                      (translate[district], district))
+            print('</tr>')
         print('<tr class="day_row">')
         print('<td>%s</td>' % date)
         print('<td><table>')
@@ -195,6 +195,10 @@ th { text-align: left; vertical-align: bottom; }
             print('</table>')
             print('</td>')
         print('</tr>')
+        weekday_count += 1
+        if weekday_count != 7:
+            continue
+        weekday_count = 0
     print('</table>')
     print('<h3 id="symbols">Symbols</h3>')
     print('<dl>')
