Optional sticky header

gryphon · May 8, 2024 · 6337ca9 · 6337ca9
1 parent aa16182
commit 6337ca9
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/app/assets/stylesheets/custom_table/table.scss b/app/assets/stylesheets/custom_table/table.scss
@@ -101,3 +101,10 @@ table.custom-table {
     }
   }
 }
+
+
+@include media-breakpoint-down(lg) {
+  .overflow-x-lg-scroll {
+    overflow-x: scroll;
+  }
+}
diff --git a/app/views/custom_table/_table.html.haml b/app/views/custom_table/_table.html.haml
@@ -18,13 +18,13 @@
 
 - fields = fields.except(*local_assigns[:skip_fields]) if !local_assigns[:skip_fields].nil?
 
-%div.table-wrapper{data: {controller: "batch-actions"}}
+%div.table-wrapper.overflow-x-lg-scroll{data: {controller: "batch-actions"}}
 
   - if local_assigns[:batch_actions]
     = self.send(local_assigns[:batch_actions])
 
   %table{class: ["search-fields", "custom-table", "table", "table-hover", "table-sm", model_class.model_name.plural], data: {controller: "table toggle"}}
-    %thead.sticky
+    %thead.sticky-lg-top
       - if local_assigns[:quick_filter]
         %tr
           %td{colspan: "100%"}