From 46c3f5296ad142b4ae84edebc38a7814dcfaf557 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 18 Jan 2026 10:20:15 +0200
Subject: [PATCH] chore(sql_console): full-height table

---
 apps/client/src/stylesheets/table.css               | 9 ++++-----
 apps/client/src/widgets/collections/table/index.css | 6 +++++-
 apps/client/src/widgets/type_widgets/SqlConsole.css | 1 -
 apps/client/src/widgets/type_widgets/SqlConsole.tsx | 1 +
 4 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/apps/client/src/stylesheets/table.css b/apps/client/src/stylesheets/table.css
index 11e401fcb..f5cd77f98 100644
--- a/apps/client/src/stylesheets/table.css
+++ b/apps/client/src/stylesheets/table.css
@@ -14,13 +14,13 @@
     --row-moving-background-color: var(--accented-background-color);
     --row-text-color: var(--main-text-color);
     --row-delimiter-color: var(--more-accented-background-color);
-    
+
     --cell-horiz-padding-size: 8px;
     --cell-vert-padding-size: 8px;
-    
+
     --cell-editable-hover-outline-color: var(--main-border-color);
     --cell-read-only-text-color: var(--muted-text-color);
-    
+
     --cell-editing-border-color: var(--main-border-color);
     --cell-editing-border-width: 2px;
     --cell-editing-background-color: var(--ck-color-selector-focused-cell-background);
@@ -80,7 +80,6 @@
 
 .tabulator-tableholder {
     padding-top: 10px;
-    height: unset !important; /* Don't extend on the full height */
 }
 
 /* Rows */
@@ -196,4 +195,4 @@
 :root .tabulator .tabulator-footer {
     border-top: unset;
     padding: 10px 0;
-}
\ No newline at end of file
+}
diff --git a/apps/client/src/widgets/collections/table/index.css b/apps/client/src/widgets/collections/table/index.css
index ff24dda26..897a87b51 100644
--- a/apps/client/src/widgets/collections/table/index.css
+++ b/apps/client/src/widgets/collections/table/index.css
@@ -4,6 +4,10 @@
     height: 100%;
     user-select: none;
     padding: 0 5px 0 10px;
+
+    .tabulator-tableholder {
+        height: unset !important;
+    }
 }
 
 .table-view-container {
@@ -68,4 +72,4 @@
     inset-inline-start: 0;
     font-size: 1.5em;
     transform: translateY(-50%);
-}
\ No newline at end of file
+}
diff --git a/apps/client/src/widgets/type_widgets/SqlConsole.css b/apps/client/src/widgets/type_widgets/SqlConsole.css
index 2aec59070..c1871fad3 100644
--- a/apps/client/src/widgets/type_widgets/SqlConsole.css
+++ b/apps/client/src/widgets/type_widgets/SqlConsole.css
@@ -19,7 +19,6 @@
             min-height: 0;
 
             > .tabulator {
-                height: 100%;
                 --cell-vert-padding-size: 4px;
 
                 > .tabulator-tableholder {
diff --git a/apps/client/src/widgets/type_widgets/SqlConsole.tsx b/apps/client/src/widgets/type_widgets/SqlConsole.tsx
index 24dd33980..34fd573a5 100644
--- a/apps/client/src/widgets/type_widgets/SqlConsole.tsx
+++ b/apps/client/src/widgets/type_widgets/SqlConsole.tsx
@@ -81,6 +81,7 @@ function SqlResultTable({ rows }: { rows: object[] }) {
             pagination
             paginationSize={20}
             paginationCounter="rows"
+            height="100%"
             columns={[
                 {
                     title: "#",