CRCP listings: records table fills the full panel width and expands with the divider (override col-resize's fixed col/table widths so columns stretch to fill instead of overflow-scrolling)

5a913c45013ae642ab1d9d2dae1602680f4f9366 · 2026-08-17 17:12:18 -0700 · steve

Files touched

M public/mls.html

Diff

commit 5a913c45013ae642ab1d9d2dae1602680f4f9366
Author: steve <steve@designerwallcoverings.com>
Date:   Mon Aug 17 17:12:18 2026 -0700

    CRCP listings: records table fills the full panel width and expands with the divider (override col-resize's fixed col/table widths so columns stretch to fill instead of overflow-scrolling)
---
 public/mls.html | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/public/mls.html b/public/mls.html
index db037fe..5cf9582 100644
--- a/public/mls.html
+++ b/public/mls.html
@@ -33,7 +33,14 @@
   .wrap{padding:20px 12px 60px;}
   /* TABLE (spreadsheet) */
   .tblwrap{overflow:auto;max-height:calc(100vh - 130px);border:1px solid var(--line);border-radius:10px;}
-  table.mls{border-collapse:separate;border-spacing:0;width:100%;min-width:100%;font-size:12.5px;white-space:nowrap;}
+  table.mls{border-collapse:separate;border-spacing:0;width:100%;font-size:12.5px;white-space:nowrap;}
+  /* records table always fills the panel: col-resize.js pins the table to the sum of its column
+     widths (inline width), which overflows/scrolls and leaves the divider-drag doing nothing to the
+     columns. Force 100% so table-layout:fixed stretches the columns to fill — and the records expand
+     wider as you drag the divider right. Column drag-resize still works (adjusts proportions). */
+  #tableView table.mls{width:100% !important;}
+  #tableView table.mls colgroup[data-cr] col{width:auto !important;}
+  #tableView table.mls td,#tableView table.mls th{overflow:hidden;text-overflow:ellipsis;}
   table.mls thead th{position:sticky;top:0;background:var(--bg2);color:var(--mut);text-transform:uppercase;letter-spacing:.3px;font-size:10.5px;padding:8px 10px;border-bottom:1px solid var(--line);cursor:pointer;user-select:none;z-index:2;}
   table.mls thead th:hover{color:var(--ink);}
   table.mls thead th.asc::after{content:' ▲';color:var(--acc);} table.mls thead th.desc::after{content:' ▼';color:var(--acc);}

← 2bae93c CRCP listings: per-user saved settings — self-serve account · back to Commercialrealestate · CRCP listings: property panel now docks to the right full-he 890dbe1 →