diff --git a/frontend/components/unified/UnifiedList.tsx b/frontend/components/unified/UnifiedList.tsx index e159ec9d..dcb8d7df 100644 --- a/frontend/components/unified/UnifiedList.tsx +++ b/frontend/components/unified/UnifiedList.tsx @@ -57,24 +57,23 @@ export const UnifiedList = forwardRef((props, columns: tableColumns, displayMode: config.viewMode === "card" ? "card" : "table", cardConfig: { - idColumn: tableColumns[0]?.columnName || "id", - titleColumn: tableColumns[0]?.columnName || "", - subtitleColumn: undefined, - descriptionColumn: undefined, - imageColumn: undefined, - cardsPerRow: 3, + idColumn: config.cardConfig?.titleColumn || tableColumns[0]?.columnName || "id", + titleColumn: config.cardConfig?.titleColumn || tableColumns[0]?.columnName || "", + subtitleColumn: config.cardConfig?.subtitleColumn || undefined, + descriptionColumn: config.cardConfig?.descriptionColumn || undefined, + imageColumn: config.cardConfig?.imageColumn || undefined, + cardsPerRow: config.cardConfig?.cardsPerRow || 3, cardSpacing: 16, showActions: false, - ...config.cardConfig, }, - showHeader: true, + showHeader: config.viewMode !== "card", // 카드 모드에서는 테이블 헤더 숨김 showFooter: false, checkbox: { enabled: !!onRowSelect, position: "left" as const, showHeader: true, }, - height: "fixed" as const, + height: "auto" as const, // auto로 변경하여 스크롤 가능하게 autoWidth: true, stickyHeader: true, autoLoad: true, @@ -91,7 +90,7 @@ export const UnifiedList = forwardRef((props, pageSizeOptions: [5, 10, 20, 50, 100], }, filter: { - enabled: config.searchable !== false, + enabled: false, // 필터 비활성화 (필요시 활성화) position: "top" as const, searchPlaceholder: "검색...", }, @@ -147,7 +146,7 @@ export const UnifiedList = forwardRef((props,
((props, tableName={tableName} style={{ width: "100%", - height: "100%", + minHeight: "100%", display: "flex", flexDirection: "column", - overflow: "hidden", }} onSelectedRowsChange={ onRowSelect diff --git a/frontend/lib/registry/components/table-list/CardModeRenderer.tsx b/frontend/lib/registry/components/table-list/CardModeRenderer.tsx index f80eee19..2676bed6 100644 --- a/frontend/lib/registry/components/table-list/CardModeRenderer.tsx +++ b/frontend/lib/registry/components/table-list/CardModeRenderer.tsx @@ -49,6 +49,7 @@ export const CardModeRenderer: React.FC = ({ gridTemplateColumns: `repeat(${config.cardsPerRow}, 1fr)`, gap: `${config.cardSpacing}px`, padding: `${config.cardSpacing}px`, + overflow: "auto", }; // 카드 높이 스타일