From 38a8cb85cda77a98066a759c4b771b4ef433593f Mon Sep 17 00:00:00 2001
From: kjh2064 <kjh2064@gmail.com>
Date: Sat, 15 Aug 2026 22:08:40 +0900
Subject: [PATCH] fix(fe): register ColumnAutoSizeModule and CellStyleModule in
 ModuleRegistry for AG Grid v34+ compatibility

---
 .../src/shared/ui/adapter/primevue/AgGridAdapter.vue   | 10 +++++++++-
 frontend/src/shared/ui/components/KsDataGrid.vue       |  4 ++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/src/shared/ui/adapter/primevue/AgGridAdapter.vue b/frontend/src/shared/ui/adapter/primevue/AgGridAdapter.vue
index 9a39d838..9c45bea9 100644
--- a/frontend/src/shared/ui/adapter/primevue/AgGridAdapter.vue
+++ b/frontend/src/shared/ui/adapter/primevue/AgGridAdapter.vue
@@ -3,6 +3,8 @@ import { computed } from 'vue'
 import { AgGridVue } from 'ag-grid-vue3'
 import {
   ClientSideRowModelModule,
+  ColumnAutoSizeModule,
+  CellStyleModule,
   TextFilterModule,
   themeQuartz,
   ModuleRegistry,
@@ -12,7 +14,13 @@ import {
 } from 'ag-grid-community'
 import type { UiGridColumn } from '../contracts'
 
-ModuleRegistry.registerModules([ClientSideRowModelModule, TextFilterModule, RowSelectionModule])
+ModuleRegistry.registerModules([
+  ClientSideRowModelModule,
+  ColumnAutoSizeModule,
+  CellStyleModule,
+  TextFilterModule,
+  RowSelectionModule
+])
 
 const props = withDefaults(defineProps<{
   rows: unknown[]
diff --git a/frontend/src/shared/ui/components/KsDataGrid.vue b/frontend/src/shared/ui/components/KsDataGrid.vue
index 86a8ce3a..26577a42 100644
--- a/frontend/src/shared/ui/components/KsDataGrid.vue
+++ b/frontend/src/shared/ui/components/KsDataGrid.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { AgGridVue } from 'ag-grid-vue3'
-import { ClientSideRowModelModule, ModuleRegistry, RowSelectionModule, TextFilterModule, themeQuartz, type ColDef, type RowClickedEvent } from 'ag-grid-community'
+import { ClientSideRowModelModule, ColumnAutoSizeModule, CellStyleModule, ModuleRegistry, RowSelectionModule, TextFilterModule, themeQuartz, type ColDef, type RowClickedEvent } from 'ag-grid-community'
 import type { UiGridColumn } from '../adapter/contracts'
 
-ModuleRegistry.registerModules([ClientSideRowModelModule, TextFilterModule, RowSelectionModule])
+ModuleRegistry.registerModules([ClientSideRowModelModule, ColumnAutoSizeModule, CellStyleModule, TextFilterModule, RowSelectionModule])
 
 const emit = defineEmits<{ rowSelected: [row: unknown] }>()
 const props = withDefaults(defineProps<{ rows: unknown[]; columns: UiGridColumn[]; loading?: boolean; height?: string; rowSelection?: 'single' | 'multiple' | 'none'; showRowNumber?: boolean }>(), { loading: false, height: '32rem', rowSelection: 'single', showRowNumber: true })