Fix overflow issue with data table

Signed-off-by: Liam Barry Allan <[email protected]>
codefori · Jul 13, 2022 · 13ec4da · 13ec4da
1 parent 299f47e
commit 13ec4da
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/language/results/html.js b/src/language/results/html.js
@@ -157,7 +157,7 @@ exports.generateScroller = (basicSelect) => {
         </script>
       </head>
       <body>
-        <vscode-data-grid id="scroller"></vscode-data-grid>
+        <vscode-data-grid id="scroller" style="min-width: max-content;"></vscode-data-grid>
         <vscode-divider></vscode-divider>
         <p id="nextButton">Execute statement.</p>
       </body>
@@ -213,7 +213,7 @@ exports.generateTable = (id, columns, rows) => {
   });
 
   let result = {
-    html: `<vscode-data-grid id="${id}"></vscode-data-grid>`,
+    html: `<vscode-data-grid id="${id}" style="min-width: max-content;"></vscode-data-grid>`,
     js: [
       `const ${id} = document.getElementById("${id}");`,
       `${id}.columnDefinitions = ${JSON.stringify(columns)};`,