tools: localhost: limit table width to screen

JordanYates · JordanYates · commit 54dd82fdd6e5 · 2026-01-14T10:13:31.000+10:00
Limit the table width to the screen width. This means the scroll bar
is present on the table, not the whole window, and results in the
pagination options always being visible.

Signed-off-by: Jordan Yates &lt;jordan@embeint.com&gt;
diff --git a/src/infuse_iot/tools/localhost/index.html b/src/infuse_iot/tools/localhost/index.html
@@ -33,6 +33,10 @@
     #app-show {
         vertical-align: top;
     }
+
+    #data-table {
+        width: 100%;
+    };
 </style>
 
 <body>
@@ -73,10 +77,10 @@ <h1>Infuse-IoT TDF Viewer</h1>
         // Initialize the Tabulator table
         const dataTable = new Tabulator("#data-table", {
             layout: "fitDataTable",
-            pagination:"local",
-            paginationSize:25,
-            paginationSizeSelector:[10, 25, 50, 100],
-            paginationCounter:"rows",
+            pagination: "local",
+            paginationSize: 25,
+            paginationSizeSelector: [10, 25, 50, 100],
+            paginationCounter: "rows",
         });
         const shownTdfTable = new Tabulator("#tdf-show", {
             layout: "fitDataTable",
