1 files changed, 19 insertions, 12 deletions

diff --git a/lib/procurement-rfqs/vendor-response/table/vendor-quotations-table.tsx b/lib/procurement-rfqs/vendor-response/table/vendor-quotations-table.tsx
index 92bda337..7ea0c69e 100644
--- a/lib/procurement-rfqs/vendor-response/table/vendor-quotations-table.tsx
+++ b/lib/procurement-rfqs/vendor-response/table/vendor-quotations-table.tsx
@@ -109,7 +109,7 @@ export function VendorQuotationsTable({ promises }: VendorQuotationsTableProps)
     },
   ];
   
-  // useDataTable 훅 사용
+  // useDataTable 훅 사용 (RfqsTable 스타일로 개선)
   const { table } = useDataTable({
     data,
     columns,
@@ -117,6 +117,8 @@ export function VendorQuotationsTable({ promises }: VendorQuotationsTableProps)
     filterFields,
     enablePinning: true,
     enableAdvancedFilter: true,
+    enableColumnResizing: true,  // 컬럼 크기 조정 허용
+    columnResizeMode: 'onChange',  // 실시간 크기 조정
     initialState: {
       sorting: [{ id: "updatedAt", desc: true }],
       columnPinning: { right: ["actions"] },
@@ -124,22 +126,27 @@ export function VendorQuotationsTable({ promises }: VendorQuotationsTableProps)
     getRowId: (originalRow) => String(originalRow.id),
     shallow: false,
     clearOnDefault: true,
+    defaultColumn: {
+      minSize: 50,
+      maxSize: 500,
+    },
   });
   
   return (
-    <div style={{ maxWidth: '100vw' }}>
-      <DataTable
-        table={table}
-      >
-        <DataTableAdvancedToolbar
+    <div className="w-full">
+      <div className="overflow-x-auto">
+        <DataTable
           table={table}
-          filterFields={advancedFilterFields}
-          shallow={false}
+          className="min-w-full"
         >
-        </DataTableAdvancedToolbar>
-      </DataTable>
-      
-
+          <DataTableAdvancedToolbar
+            table={table}
+            filterFields={advancedFilterFields}
+            shallow={false}
+          >
+          </DataTableAdvancedToolbar>
+        </DataTable>
+      </div>
     </div>
   );
 }
\ No newline at end of file