From 12766dd3e1337e99d70c98cec5d8ad2c364d9ee7 Mon Sep 17 00:00:00 2001
From: Billy Figueroa <billy@defenseunicorns.com>
Date: Mon, 4 Nov 2024 10:48:39 -0500
Subject: [PATCH] Adding min width option to the data table

---
 ui/src/lib/components/k8s/DataTable/component.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/ui/src/lib/components/k8s/DataTable/component.svelte b/ui/src/lib/components/k8s/DataTable/component.svelte
index ecd92479..26fc75a6 100644
--- 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}