feat: add no-wrap attribute

Author: lcvriend

src/builders/default-builder.js

@@ -50,7 +50,10 @@ export class DefaultTableBuilder extends BaseTableBuilder {
                 [margin-edge-col] {
                     border-left: 1px solid var(--border-color, currentColor);
                 }
-            `
+            `,
+            noWrap: `
+                td, th { white-space: nowrap; }
+            `,
         }
 
         const composedStyles = Object.entries(styleBlocks)

src/settings/settings-popup.js

@@ -309,6 +309,10 @@ export class SettingsPopup extends ModalElement {
                     <input type="checkbox" id="collapse-columns" ${this.options.styling.collapseColumns ? "checked" : ""}>
                     Collapse columns
                 </label>
+                <label for="no-wrap">
+                    <input type="checkbox" id="no-wrap" ${this.options.styling.noWrap ? "checked" : ""}>
+                    No wrapping
+                </label>
             </fieldset>
         `
     }

src/viewer.js

@@ -12,6 +12,7 @@ export class DataViewer extends HTMLElement {
             "show-hover", "margin-labels",
             "collapse-columns", "column-border-levels", "section-levels",
             "max-rows", "max-columns", "trim-size", "separator",
+            "no-wrap",
         ]
     }
 
@@ -39,6 +40,7 @@ export class DataViewer extends HTMLElement {
                 columnBorderLevels: 1,
                 rowBorders: true,
                 marginBorders: true,
+                noWrap: false,
             }
         }
     }
@@ -116,6 +118,9 @@ export class DataViewer extends HTMLElement {
             case "collapse-columns":
                 this.options.styling.collapseColumns = this.getBooleanAttribute(newValue)
                 break
+            case "no-wrap":
+                this.options.styling.noWrap = this.getBooleanAttribute(newValue)
+                break
             case "column-border-levels": {
                 const level = parseInt(newValue)
                 this.options.styling.columnBorderLevels = Number.isNaN(level)