diff --git a/frontend/lib/registry/components/split-panel-layout/SplitPanelLayoutComponent.tsx b/frontend/lib/registry/components/split-panel-layout/SplitPanelLayoutComponent.tsx index 483fc393..b73a1224 100644 --- a/frontend/lib/registry/components/split-panel-layout/SplitPanelLayoutComponent.tsx +++ b/frontend/lib/registry/components/split-panel-layout/SplitPanelLayoutComponent.tsx @@ -320,7 +320,9 @@ export const SplitPanelLayoutComponent: React.FC if (!rightTableName || isDesignMode) return; const rightTableId = `split-panel-right-${component.id}`; - const rightColumns = rightTableColumns.map((col: any) => col.columnName || col.column_name).filter(Boolean); + // πŸ”§ 화면에 ν‘œμ‹œλ˜λŠ” 컬럼만 등둝 (displayColumns λ˜λŠ” columns) + const displayColumns = componentConfig.rightPanel?.columns || []; + const rightColumns = displayColumns.map((col: any) => col.columnName || col.name || col).filter(Boolean); if (rightColumns.length > 0) { registerTable({ @@ -343,7 +345,7 @@ export const SplitPanelLayoutComponent: React.FC return () => unregisterTable(rightTableId); } - }, [component.id, componentConfig.rightPanel?.tableName, rightTableColumns, rightColumnLabels, component.title, isDesignMode]); + }, [component.id, componentConfig.rightPanel?.tableName, componentConfig.rightPanel?.columns, rightColumnLabels, component.title, isDesignMode]); // 쒌츑 ν…Œμ΄λΈ” 컬럼 라벨 λ‘œλ“œ useEffect(() => {