파일보완 내용 자동 줄빠굼

apps/as/src/pages/fnrs-cnsltn/model/file-vrfc-splmnt-columns.tsx

@@ -53,21 +53,40 @@ export function createFileVrfcSplmntColumns() {
       ),
     }),
     columnHelper.accessor("fileSeComCd", {
-      header: () => <p className="whitespace-nowrap">파일유형</p>,
-      meta: { align: "left" },
+      header: "파일유형",
+      // 고정 너비 + 자동 줄바꿈 (긴 텍스트로 표가 가로로 늘어나지 않도록)
+      meta: { align: "left", width: 100 },
       cell: ({ getValue }) => (
-        <p>{formatOptional(FILE_SE_COM_CD_MAP[getValue() as keyof typeof FILE_SE_COM_CD_MAP])}</p>
+        <p className="whitespace-normal break-words">
+          {formatOptional(FILE_SE_COM_CD_MAP[getValue() as keyof typeof FILE_SE_COM_CD_MAP])}
+        </p>
       ),
     }),
     columnHelper.accessor("fileSeNm", {
-      header: () => <p className="whitespace-nowrap">파일구분</p>,
-      meta: { align: "left" },
-      cell: ({ getValue }) => <p className="whitespace-nowrap">{formatOptional(getValue())}</p>,
+      header: "파일구분",
+      meta: { align: "left", width: 320 },
+      // 표 레이아웃과 무관하게 셀 내용 너비를 320px 로 고정하고 넘치는 텍스트는 자동 줄바꿈
+      cell: ({ getValue }) => (
+        <p
+          style={{
+            width: 320,
+            maxWidth: 320,
+            whiteSpace: "normal",
+            wordBreak: "normal",
+            overflowWrap: "anywhere",
+          }}
+        >
+          {formatOptional(getValue())}
+        </p>
+      ),
     }),
     columnHelper.accessor("vrfcRsltCn", {
       header: "검증내역",
+      // 너비 미지정: 나머지 영역을 사용
       meta: { align: "left" },
-      cell: ({ getValue }) => formatOptional(getValue()),
+      cell: ({ getValue }) => (
+        <p className="whitespace-normal break-words">{formatOptional(getValue())}</p>
+      ),
     }),
   ];
 }

apps/as/src/pages/fnrs-cnsltn/ui/components/file-vrfc-splmnt-dialog.tsx

@@ -116,6 +116,8 @@ function FileVrfcSplmntDialog({
     },
     dataTableOptions: {
       caption: "파일보완 목록으로 선택, 파일유형, 파일구분, 검증내역 정보 제공",
+      // 열 너비를 고정해 긴 텍스트는 셀 안에서 줄바꿈
+      className: "table-fixed",
       viewPagination: false,
     },
   });