From a98d7af15cc5854d17e08c1bc55dbe86b5438446 Mon Sep 17 00:00:00 2001
From: Ole Magnus Fon Johnsen <me@omfj.no>
Date: Mon, 21 Jul 2025 16:56:33 +0200
Subject: [PATCH 1/2] Add option to tables to make header sticky

---
 src/templates/django_tables2/header.html | 39 ++++++++++++------------
 1 file changed, 19 insertions(+), 20 deletions(-)

diff --git a/src/templates/django_tables2/header.html b/src/templates/django_tables2/header.html
index 366c8883..d2c79627 100644
--- a/src/templates/django_tables2/header.html
+++ b/src/templates/django_tables2/header.html
@@ -1,25 +1,24 @@
-<thead {{ table.attrs.thead.as_html }}>
-    <tr>
+<thead class="{% if table.sticky_header %}sticky top-0{% endif %}" {{ table.attrs.thead.as_html }}>
+  <tr>
     {% for column in table.columns %}
-        <th {{ column.attrs.th.as_html }}>
-            {% if column.orderable %}
-                <a href="?{{ column.ext.next }}"
-                   class="inline-flex items-center gap-1">
-                    {{ column.header }}
-                    {% if column.is_ordered %}
-                        {% if "-" in column.order_by_alias %}
-                            <i class="fa-solid fa-sort-down text-gray-500"></i>
-                        {% else %}
-                            <i class="fa-solid fa-sort-up text-gray-500"></i>
-                        {% endif %}
-                    {% else %}
-                        <i class="fa-solid fa-sort text-gray-400 hover:text-black"></i>
-                    {% endif %}
-                </a>
+      <th {{ column.attrs.th.as_html }}>
+        {% if column.orderable %}
+          <a href="?{{ column.ext.next }}" class="inline-flex items-center gap-1">
+            {{ column.header }}
+            {% if column.is_ordered %}
+              {% if '-' in column.order_by_alias %}
+                <i class="fa-solid fa-sort-down text-gray-500"></i>
+              {% else %}
+                <i class="fa-solid fa-sort-up text-gray-500"></i>
+              {% endif %}
             {% else %}
-                {{ column.header }}
+              <i class="fa-solid fa-sort text-gray-400 hover:text-black"></i>
             {% endif %}
-        </th>
+          </a>
+        {% else %}
+          {{ column.header }}
+        {% endif %}
+      </th>
     {% endfor %}
-    </tr>
+  </tr>
 </thead>

From a153acf30f67948fa237deda1c835990c001e268 Mon Sep 17 00:00:00 2001
From: Ole Magnus Fon Johnsen <me@omfj.no>
Date: Mon, 21 Jul 2025 16:57:03 +0200
Subject: [PATCH 2/2] Set max height to dashboard tables and make header sticky

---
 src/staff/tables.py                                   | 8 ++++++++
 src/staff/templates/staff/components/order_table.html | 4 +++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/staff/tables.py b/src/staff/tables.py
index 892887d0..a8fb24b6 100644
--- a/src/staff/tables.py
+++ b/src/staff/tables.py
@@ -576,6 +576,8 @@ class Meta:
 
 
 class NewUnseenOrderTable(StaffIDMixinTable):
+    sticky_header = True
+
     seen = tables.TemplateColumn(
         verbose_name="",
         orderable=False,
@@ -619,6 +621,8 @@ class Meta:
 
 
 class NewSeenOrderTable(StaffIDMixinTable):
+    sticky_header = True
+
     priority = tables.TemplateColumn(
         orderable=False,
         verbose_name="Priority",
@@ -668,6 +672,8 @@ class Meta:
 
 
 class AssignedOrderTable(StatusMixinTable, StaffIDMixinTable):
+    sticky_header = True
+
     priority = tables.TemplateColumn(
         orderable=False,
         verbose_name="Priority",
@@ -699,6 +705,8 @@ class Meta:
 
 
 class DraftOrderTable(StaffIDMixinTable):
+    sticky_header = True
+
     priority = tables.TemplateColumn(
         orderable=False,
         verbose_name="Priority",
diff --git a/src/staff/templates/staff/components/order_table.html b/src/staff/templates/staff/components/order_table.html
index 2fb0fc1b..80e40b88 100644
--- a/src/staff/templates/staff/components/order_table.html
+++ b/src/staff/templates/staff/components/order_table.html
@@ -2,5 +2,7 @@
 
 <div class="rounded-md border bg-white p-4">
   <h4 class="text-2xl mb-4">{{ title }} ({{ count }})</h4>
-  {% render_table table %}
+  <div class="relative overflow-y-scroll{% if table.sticky_header %} max-h-96{% endif %}">
+    {% render_table table %}
+  </div>
 </div>