ONAANDALL/frontend
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

header span 중복으로 생성되는 문제 해결

Browse Source
This commit is contained in:
YangJinSoo94
2025-04-24 15:05:55 +09:00
parent a4310ff090
commit 30d5d5c9e7
2 changed files with 46 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/common/business_components/src/ui/table/HeadMakeColSpan.tsx
+45 -33
View File
@@ -12,41 +12,53 @@ interface TableUpperProps {
const HeadMakeColSpan = ({ upHeadList }: { upHeadList: TableUpperProps[] }) => {
const maxRow = upHeadList.reduce((max, head) => Math.max(max, head.row || 0), 0);
return (
<>
{Array.from({ length: maxRow + 1 }, (_, rowIndex) => (
<TableRow key={rowIndex+ " headerRow"} className="bg-gray-50">
if(maxRow == 0){
return (
<>
<TableRow className="bg-gray-50">
{upHeadList.map((head: TableUpperProps) => {
if (head.row === rowIndex) {
return (
<TableHead
key={head.id}
colSpan={head.colSpan || 1}
rowSpan={head.rowSpan || 1}
style={{ whiteSpace: 'pre-line' }}
className="bg-gray-50"
>
{head.title}
</TableHead>
);
}else{
return (
<TableHead
key={head.id}
colSpan={head.colSpan || 1}
rowSpan={head.rowSpan || 1}
style={{ whiteSpace: 'pre-line' }}
className="bg-gray-50"
>
{head.title}
</TableHead>
);
}
})}
return (
<TableHead
key={head.id}
colSpan={head.colSpan || 1}
rowSpan={head.rowSpan || 1}
style={{ whiteSpace: 'pre-line' }}
className="bg-gray-50"
>
{head.title}
</TableHead>
);
})}
</TableRow>
))}
</>
);
</>
);
}else{
return (
<>
{Array.from({ length: maxRow + 1 }, (_, rowIndex) => (
<TableRow key={rowIndex+ " headerRow"} className="bg-gray-50">
{upHeadList.map((head: TableUpperProps) => {
if (head.row === rowIndex) {
return (
<TableHead
key={head.id}
colSpan={head.colSpan || 1}
rowSpan={head.rowSpan || 1}
style={{ whiteSpace: 'pre-line' }}
className="bg-gray-50"
>
{head.title}
</TableHead>
);
}
})}
</TableRow>
))}
</>
);
}
}
export { HeadMakeColSpan };
packages/common/business_components/src/ui/table/index.tsx
+1 -1
View File
@@ -13,7 +13,7 @@ type UiTableProps = {
onPageChange: (page: number) => void;
className?: string;
resetPageNo?: boolean;
children: React.ReactNode | undefined;
children?: React.ReactNode | undefined;
}
type UiHeadProps = {