카드디스플레이 설정 적용안된느 오류 해결

This commit is contained in:
kjs 2026-01-05 15:42:24 +09:00
parent b4a1fe6889
commit 9dbb6b100a
2 changed files with 12 additions and 13 deletions

View File

@ -57,24 +57,23 @@ export const UnifiedList = forwardRef<HTMLDivElement, UnifiedListProps>((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<HTMLDivElement, UnifiedListProps>((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<HTMLDivElement, UnifiedListProps>((props,
<div
ref={ref}
id={id}
className="flex flex-col overflow-hidden"
className="flex flex-col overflow-auto"
style={{
width: size?.width || style?.width || "100%",
height: size?.height || style?.height || 400,
@ -158,10 +157,9 @@ export const UnifiedList = forwardRef<HTMLDivElement, UnifiedListProps>((props,
tableName={tableName}
style={{
width: "100%",
height: "100%",
minHeight: "100%",
display: "flex",
flexDirection: "column",
overflow: "hidden",
}}
onSelectedRowsChange={
onRowSelect

View File

@ -49,6 +49,7 @@ export const CardModeRenderer: React.FC<CardModeRendererProps> = ({
gridTemplateColumns: `repeat(${config.cardsPerRow}, 1fr)`,
gap: `${config.cardSpacing}px`,
padding: `${config.cardSpacing}px`,
overflow: "auto",
};
// 카드 높이 스타일