I can show and hide the columns comanger

src/myfasthtml/assets/myfasthtml.css

@@ -459,7 +459,7 @@
 
 .mf-search-results {
     margin-top: 0.5rem;
-    max-height: 400px;
+    /*max-height: 400px;*/
     overflow: auto;
 }
 
@@ -769,6 +769,38 @@
     right: 0.5rem;
 }
 
+/* Panel with title - grid layout for header + scrollable content */
+.mf-panel-body {
+    display: grid;
+    grid-template-rows: auto 1fr;
+    height: 100%;
+    overflow: hidden;
+}
+
+.mf-panel-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0.25rem 0.5rem;
+    background-color: var(--color-base-200);
+    border-bottom: 1px solid var(--color-border);
+}
+
+/* Override absolute positioning for hide icon when inside header */
+.mf-panel-header .mf-panel-hide-icon {
+    position: static;
+}
+
+.mf-panel-content {
+    overflow-y: auto;
+}
+
+/* Remove padding-top when using title layout */
+.mf-panel-left.mf-panel-with-title,
+.mf-panel-right.mf-panel-with-title {
+    padding-top: 0;
+}
+
 /* *********************************************** */
 /* ************* Properties Component ************ */
 /* *********************************************** */