Greg/SportAttendanceSheet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Top row is sticky (freeze pane like)

Browse Source
This commit is contained in:
Greg 2025-05-10 14:53:06 +02:00
parent 27334b46d6
commit 8d57bd32de
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
templates/index.html
View File

@ -11,10 +11,10 @@
background: #e8dbcb; background: #e8dbcb;
color: #071330; color: #071330;
} }
.table-container { width: 100%; overflow-x: auto; } .table-container { width: 100%; overflow-x: auto; max-height: 70vh; }
table { border-collapse: collapse; width: 100%; min-width: 700px; margin-bottom: 1em; background: #fff; } table { border-collapse: collapse; width: 100%; min-width: 700px; margin-bottom: 1em; background: #fff; }
th, td { border: 1px solid #c3d6db; padding: 0.5em; text-align: center; } th, td { border: 1px solid #c3d6db; padding: 0.5em; text-align: center; }
th { background: #c3d6db; color: #071330; } th { background: #c3d6db; color: #071330; position: sticky; top: 0; z-index: 2; }
.clickable { cursor: pointer; background: #e7f7e7; transition: background 0.15s, box-shadow 0.15s; } .clickable { cursor: pointer; background: #e7f7e7; transition: background 0.15s, box-shadow 0.15s; }
.clickable:hover { .clickable:hover {
background: #dbeedb; background: #dbeedb;