summaryrefslogtreecommitdiff
path: root/lib/procurement-rfqs/vendor-response/table/vendor-quotations-table.tsx
diff options
context:
space:
mode:
authordujinkim <dujin.kim@dtsolution.co.kr>2025-05-15 01:19:49 +0000
committerdujinkim <dujin.kim@dtsolution.co.kr>2025-05-15 01:19:49 +0000
commit9eb8e80f4f736c4edffa650c685d1f170ca51aa1 (patch)
treecae02173015c806cd5ea92be86938fe3bf14decd /lib/procurement-rfqs/vendor-response/table/vendor-quotations-table.tsx
parent71f4dd76b57e77676d8886ac0a8b0bd0a7f24e62 (diff)
(대표님) 구매 요청사항 반영한 통합 rfq / 필터 개인화 / po-rfq
Diffstat (limited to 'lib/procurement-rfqs/vendor-response/table/vendor-quotations-table.tsx')
-rw-r--r--lib/procurement-rfqs/vendor-response/table/vendor-quotations-table.tsx31
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