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