From 604613492f6b25d6827d7368367e83ed70f4d06e Mon Sep 17 00:00:00 2001
From: kjh2064 <kjh2064@gmail.com>
Date: Sat, 15 Aug 2026 21:38:24 +0900
Subject: [PATCH] fix(fe): auto fit grid column widths to 100% parent container
 width

---
 frontend/src/shared/ui/components/KsDataGrid.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/frontend/src/shared/ui/components/KsDataGrid.vue b/frontend/src/shared/ui/components/KsDataGrid.vue
index 2bb5bfeb..dee22d00 100644
--- a/frontend/src/shared/ui/components/KsDataGrid.vue
+++ b/frontend/src/shared/ui/components/KsDataGrid.vue
@@ -22,6 +22,9 @@ const rowSelectionOptions = computed(() => props.rowSelection === 'none' ? undef
 function onRowClicked(event: RowClickedEvent): void {
   if (event.data) emit('rowSelected', event.data)
 }
+function onGridReady(params: { api: { sizeColumnsToFit: () => void } }): void {
+  params.api.sizeColumnsToFit()
+}
 </script>
 <template>
   <div class="ks-grid" :aria-busy="props.loading">
@@ -32,7 +35,10 @@ function onRowClicked(event: RowClickedEvent): void {
       :column-defs="columnDefs"
       :row-selection="rowSelectionOptions"
       :loading="props.loading"
+      :auto-size-strategy="{ type: 'fitGridWidth' }"
       :suppress-no-rows-overlay="props.rows.length > 0"
+      @grid-ready="onGridReady"
+      @first-data-rendered="onGridReady"
       @row-clicked="onRowClicked"
     />
   </div>