minaChoi/o2o-negosium-original
1
0
Fork 0
Code Pull Requests Activity

fix(list): 테이블 고정 레이아웃·셀 말줄임 제거

Browse Source 
- table-fixed 를 내용 기반 자동 레이아웃으로 전환, 셀의 overflow-hidden·text-ellipsis 제거
- 셀 내용이 잘리는 대신 컬럼 폭이 내용에 맞게 조정되도록 (whitespace-nowrap 은 유지)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
민헌 2026-07-06 17:29:18 +09:00
parent 4b0455c237
commit 6bf37dcf5a
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/features/list/components/TableSection.tsx
View File

@ -15,7 +15,7 @@ export function TableSection({ items, selectedId, isLoading, onItemClick }: Tabl
return ( return (
<div className="flex flex-1 flex-col w-full min-h-0"> <div className="flex flex-1 flex-col w-full min-h-0">
<div className="h-full overflow-auto rounded-[8px] bg-background"> <div className="h-full overflow-auto rounded-[8px] bg-background">
<table className="w-full min-w-[1431px] table-fixed border-separate border-spacing-0"> <table className="w-full min-w-[1431px] border-separate border-spacing-0">
<thead className="sticky top-0 z-10"> <thead className="sticky top-0 z-10">
<tr className="h-[53px] bg-table-header text-foreground text-lg font-semibold"> <tr className="h-[53px] bg-table-header text-foreground text-lg font-semibold">
{COLUMNS.map((col) => ( {COLUMNS.map((col) => (
@ -50,7 +50,7 @@ export function TableSection({ items, selectedId, isLoading, onItemClick }: Tabl
key={col.key} key={col.key}
className={cn( className={cn(
col.width, col.width,
'px-4 border-b border-border overflow-hidden text-ellipsis whitespace-nowrap', 'px-4 border-b border-border whitespace-nowrap',
col.align, col.align,
)} )}
> >