From 0986785a0f8d5e9b56c2fddfa6cc07235b90ef38 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micka=C3=ABl=20V=C3=A9ril?= <mveril@irsamc.ups-tlse.fr>
Date: Mon, 3 Feb 2020 14:26:11 +0100
Subject: [PATCH] Adjust sticky table head relative to navigation bar

---
 content/multipledataset.html | 11 +++++++++--
 static/css/table.css         |  4 ++--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/content/multipledataset.html b/content/multipledataset.html
index 843c1b3d..61a51d36 100644
--- a/content/multipledataset.html
+++ b/content/multipledataset.html
@@ -26,7 +26,13 @@ draft: false
 <script src="https://cdn.jsdelivr.net/npm/bowser@2.5.3/es5.min.js"></script>
 <script src="/js/floatUtils.js"></script>
 <script>
+  function adjustSticky(){
+    const height=$("nav").height()
+    $("thead.sticky > tr > th ").css("top",height)
+  }
   window.onload = async () => {
+    adjustSticky();
+    $(window).resize(adjustSticky)
     window.browser=bowser.getParser(window.navigator.userAgent);
     const LatexInline = ['\\(', '\\)']
     var slist = $("#SelectList")
@@ -361,10 +367,11 @@ draft: false
         $("<h1/>").text(sets.get(doi)).appendTo(div)
         var table = $("<table/>").addClass("datatable").appendTo(div)
         var head = $("<tr/>")
-        $("<thead/>").append(head).appendTo(table)
+        $("<thead/>").addClass("sticky").append(head).appendTo(table)
         var tbody = $("<tbody/>").appendTo(table)
         head.append(["Molecule", "Transition"].map(x => $("<th/>").text(x)))
         head.append(sortedMethods.map(x => $("<th/>").text(x.toString())))
+        adjustSticky();
         datadic = new Map()
         for (const dat of paperdata) {
           const key1 = dat.molecule;
@@ -547,7 +554,7 @@ draft: false
 </section>
 <section>
   <table id="stat_table" class="datatable">
-    <thead>
+    <thead class="sticky">
       <th>Method</th>
       <th>Set</th>
       <th>Min</th>
diff --git a/static/css/table.css b/static/css/table.css
index e993e1f6..8b649495 100644
--- a/static/css/table.css
+++ b/static/css/table.css
@@ -4,10 +4,10 @@ table.datatable > tbody > tr > td {
 td.NumberCell {
   text-align: center;
 }
-table > thead tr > th {
+thead.sticky > tr > th {
   position: sticky;
   position: -webkit-sticky;
-  top: 150px;
+  top: 0px;
   margin: 0 auto;
   z-index: 10;
   background-color: white;