diff --git a/frontend/lib/registry/components/table-list/TableListComponent.tsx b/frontend/lib/registry/components/table-list/TableListComponent.tsx index 10e17fa5..dccbce67 100644 --- a/frontend/lib/registry/components/table-list/TableListComponent.tsx +++ b/frontend/lib/registry/components/table-list/TableListComponent.tsx @@ -804,6 +804,9 @@ export const TableListComponent: React.FC = ({ let hasAnyWidth = false; visibleColumns.forEach((column) => { + // 체크박스 컬럼은 제외 (고정 48px) + if (column.columnName === "__checkbox__") return; + const thElement = columnRefs.current[column.columnName]; if (thElement) { const measuredWidth = thElement.offsetWidth; @@ -1064,7 +1067,9 @@ export const TableListComponent: React.FC = ({ )} style={{ textAlign: column.align || "left", - width: columnWidth ? `${columnWidth}px` : undefined, + width: column.columnName === "__checkbox__" ? '48px' : (columnWidth ? `${columnWidth}px` : undefined), + minWidth: column.columnName === "__checkbox__" ? '48px' : undefined, + maxWidth: column.columnName === "__checkbox__" ? '48px' : undefined, userSelect: 'none' }} onClick={() => column.sortable && handleSort(column.columnName)} @@ -1079,8 +1084,8 @@ export const TableListComponent: React.FC = ({ )} )} - {/* 리사이즈 핸들 */} - {columnIndex < visibleColumns.length - 1 && ( + {/* 리사이즈 핸들 (체크박스 제외) */} + {columnIndex < visibleColumns.length - 1 && column.columnName !== "__checkbox__" && (
= ({ )} style={{ textAlign: column.align || "left", - width: `${100 / visibleColumns.length}%`, // 컬럼 수에 따라 균등 분배 + width: column.columnName === "__checkbox__" ? '48px' : `${100 / visibleColumns.length}%`, + minWidth: column.columnName === "__checkbox__" ? '48px' : undefined, + maxWidth: column.columnName === "__checkbox__" ? '48px' : undefined, }} > {column.columnName === "__checkbox__"