diff options
| author | dujinkim <dujin.kim@dtsolution.co.kr> | 2025-05-15 01:19:49 +0000 |
|---|---|---|
| committer | dujinkim <dujin.kim@dtsolution.co.kr> | 2025-05-15 01:19:49 +0000 |
| commit | 9eb8e80f4f736c4edffa650c685d1f170ca51aa1 (patch) | |
| tree | cae02173015c806cd5ea92be86938fe3bf14decd /lib/procurement-rfqs/vendor-response/table/vendor-quotations-table.tsx | |
| parent | 71f4dd76b57e77676d8886ac0a8b0bd0a7f24e62 (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.tsx | 31 |
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 |
