Adding min width option to the data table

defenseunicorns · Nov 4, 2024 · 12766dd · 12766dd
1 parent ee2bef1
commit 12766dd
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/ui/src/lib/components/k8s/DataTable/component.svelte b/ui/src/lib/components/k8s/DataTable/component.svelte
@@ -30,6 +30,8 @@
   export let name = ''
   export let description = 'No description available'
 
+  export let minWidth = 1024
+
   let rows = createStore()
   $: ({ namespace, search, searchBy, searchTypes, sortAsc, sortBy, numResources } = rows)
 
@@ -244,7 +246,7 @@
       </div>
 
       <div class="table-scroll-container">
-        <div class="datatable">
+        <div class={`datatable min-w-[${minWidth}px]`}>
           <div class="thead">
             <div class="flex items-center">
               {#each columns as [header, style], idx}