엑셀 다운로드 문제 해결

frontend/components/screen/RealtimePreview.tsx

@@ -66,6 +66,7 @@ interface RealtimePreviewProps {
   // 테이블 정렬 정보 전달용
   sortBy?: string;
   sortOrder?: "asc" | "desc";
+  tableDisplayData?: any[]; // 🆕 화면 표시 데이터
   [key: string]: any; // 추가 props 허용
 }
 
@@ -109,7 +110,14 @@ const renderArea = (component: ComponentData, children?: React.ReactNode) => {
 };
 
 // 동적 웹 타입 위젯 렌더링 컴포넌트
-const WidgetRenderer: React.FC<{ component: ComponentData; isDesignMode?: boolean }> = ({ component, isDesignMode = false }) => {
+const WidgetRenderer: React.FC<{ 
+  component: ComponentData; 
+  isDesignMode?: boolean;
+  sortBy?: string;
+  sortOrder?: "asc" | "desc";
+  tableDisplayData?: any[];
+  [key: string]: any;
+}> = ({ component, isDesignMode = false, sortBy, sortOrder, tableDisplayData, ...restProps }) => {
   // 위젯 컴포넌트가 아닌 경우 빈 div 반환
   if (!isWidgetComponent(component)) {
     return <div className="text-xs text-gray-500">위젯이 아닙니다</div>;
@@ -158,6 +166,9 @@ const WidgetRenderer: React.FC<{ component: ComponentData; isDesignMode?: boolea
             readonly: readonly,
             isDesignMode,
             isInteractive: !isDesignMode,
+            sortBy, // 🆕 정렬 정보
+            sortOrder, // 🆕 정렬 방향
+            tableDisplayData, // 🆕 화면 표시 데이터
           }}
           config={widget.webTypeConfig}
         />
@@ -231,6 +242,7 @@ export const RealtimePreviewDynamic: React.FC<RealtimePreviewProps> = ({
   onFlowSelectedDataChange,
   sortBy,
   sortOrder,
+  tableDisplayData, // 🆕 화면 표시 데이터
   ...restProps
 }) => {
   const { user } = useAuth();
@@ -557,6 +569,7 @@ export const RealtimePreviewDynamic: React.FC<RealtimePreviewProps> = ({
               isDesignMode={isDesignMode}
               sortBy={sortBy}
               sortOrder={sortOrder}
+              tableDisplayData={tableDisplayData}
               {...restProps}
             />
           </div>