Fixed a display bug where the table search box would disappear when scrolling horizontally in a large table.

Author: lovasoa

CHANGELOG.md

@@ -16,6 +16,7 @@
 - Add support for simple text item in the columns component. This avoids having to deal with json functions to display a simple textual column item description.
 - Increase spacing between items in the columns component for improved readability.
 - Fixed invalid decoding of some less common data types in Microsoft SQL Server and MySQL.
+- Fixed a display bug where the table search box would disappear when scrolling horizontally in a large table.
 
 ## 0.30.1 (2024-10-31)
 - fix a bug where table sorting would break if table search was not also enabled.

sqlpage/templates/table.handlebars

@@ -1,14 +1,14 @@
 <div class="card my-2 {{class}}" {{#if overflow}}style="width: fit-content;"{{/if}} {{#if id}}id="{{id}}"{{/if}}>
-    <div class="card-body">
-        <div class="table-responsive" {{#if (or sort (or search initial_search_value))}}data-pre-init="table"{{/if}}>
-            {{#if (or search initial_search_value)}}
-                <div class="p-2">
-                    <input type="search" class="form-control form-control-rounded fs-6 search" placeholder="Search…"
-                        value="{{initial_search_value}}"
-                    {{#if initial_search_value}}autocomplete="off"{{/if}}
-                    >
-                </div>
-            {{/if}}
+    <div class="card-body" {{#if (or sort (or search initial_search_value))}}data-pre-init="table"{{/if}}>
+        {{#if (or search initial_search_value)}}
+            <div class="p-2">
+                <input type="search" class="form-control form-control-rounded fs-6 search" placeholder="Search…"
+                    value="{{initial_search_value}}"
+                {{#if initial_search_value}}autocomplete="off"{{/if}}
+                >
+            </div>
+        {{/if}}
+        <div class="table-responsive">
             <table class="table {{#if striped_rows}}table-striped {{/if}}{{#if
             striped_columns}}table-striped-columns {{/if}}{{#if
             hover}}table-hover {{/if}}{{#if border}}table-bordered {{/if}}