diff --git a/apps/as/src/pages/fnrs-cnsltn/model/file-vrfc-splmnt-columns.tsx b/apps/as/src/pages/fnrs-cnsltn/model/file-vrfc-splmnt-columns.tsx index c677c9924..c02c8f961 100644 --- a/apps/as/src/pages/fnrs-cnsltn/model/file-vrfc-splmnt-columns.tsx +++ b/apps/as/src/pages/fnrs-cnsltn/model/file-vrfc-splmnt-columns.tsx @@ -53,21 +53,40 @@ export function createFileVrfcSplmntColumns() { ), }), columnHelper.accessor("fileSeComCd", { - header: () =>
파일유형
, - meta: { align: "left" }, + header: "파일유형", + // 고정 너비 + 자동 줄바꿈 (긴 텍스트로 표가 가로로 늘어나지 않도록) + meta: { align: "left", width: 100 }, cell: ({ getValue }) => ( -{formatOptional(FILE_SE_COM_CD_MAP[getValue() as keyof typeof FILE_SE_COM_CD_MAP])}
++ {formatOptional(FILE_SE_COM_CD_MAP[getValue() as keyof typeof FILE_SE_COM_CD_MAP])} +
), }), columnHelper.accessor("fileSeNm", { - header: () =>파일구분
, - meta: { align: "left" }, - cell: ({ getValue }) =>{formatOptional(getValue())}
, + header: "파일구분", + meta: { align: "left", width: 320 }, + // 표 레이아웃과 무관하게 셀 내용 너비를 320px 로 고정하고 넘치는 텍스트는 자동 줄바꿈 + cell: ({ getValue }) => ( ++ {formatOptional(getValue())} +
+ ), }), columnHelper.accessor("vrfcRsltCn", { header: "검증내역", + // 너비 미지정: 나머지 영역을 사용 meta: { align: "left" }, - cell: ({ getValue }) => formatOptional(getValue()), + cell: ({ getValue }) => ( +{formatOptional(getValue())}
+ ), }), ]; } diff --git a/apps/as/src/pages/fnrs-cnsltn/ui/components/file-vrfc-splmnt-dialog.tsx b/apps/as/src/pages/fnrs-cnsltn/ui/components/file-vrfc-splmnt-dialog.tsx index 329d9c057..f38c92e31 100644 --- a/apps/as/src/pages/fnrs-cnsltn/ui/components/file-vrfc-splmnt-dialog.tsx +++ b/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, }, });