Make the table header sticky on scroll.

diff --git a/ultimate.css b/ultimate.css
index c3779237b5e6c499dc54f50790da6a73a8eb4cbc..e6208f76e9a798c7b6aadd02c9f117bfd9faf652 100644 (file)
--- a/ultimate.css
+++ b/ultimate.css
@@ -68,6 +68,9 @@
        display: inline-block;
        top: 2px;
 }
+#filter-add-menu, #filter-submenu {
+       z-index: 1;
+}
 #filter-add-menu {
        display: none;
        /* display: block; */
@@ -112,9 +115,13 @@ div.option input[type="checkbox"] {
 }
 table {
        border-collapse: collapse;
+       margin-bottom: calc(100vh - 4lh);
 }
 th {
-       background-color: rgba(0, 0, 0, 0.05);
+       background-color: rgb(95% 95% 95%);
+       position: sticky;
+       z-index: 0;
+       top: 0;
 }
 tr {
        border-top: 1px solid #ddd;