diff options
| author | joonhoekim <26rote@gmail.com> | 2025-10-10 11:45:21 +0900 |
|---|---|---|
| committer | joonhoekim <26rote@gmail.com> | 2025-10-10 11:45:21 +0900 |
| commit | 631b09172b48ec24c4f0131bc97017b87ddf0c47 (patch) | |
| tree | 3375cce9de1662aedf42b29158118baf79e93007 /components/data-table/data-table-detail.tsx | |
| parent | 9eec700c9627d91aaf52a89d1bfb0ae0e21eb49a (diff) | |
(김준회) fix: data-table 공통컴포넌트의 nested columns에 대한 child column의 width 오류 수정
Diffstat (limited to 'components/data-table/data-table-detail.tsx')
| -rw-r--r-- | components/data-table/data-table-detail.tsx | 13 |
1 files changed, 8 insertions, 5 deletions
diff --git a/components/data-table/data-table-detail.tsx b/components/data-table/data-table-detail.tsx index c34f9e73..f3f09fe2 100644 --- a/components/data-table/data-table-detail.tsx +++ b/components/data-table/data-table-detail.tsx @@ -87,11 +87,13 @@ export function DataTableDetail<TData>({ data-column-id={header.column.id} className={compactStyles.header} style={{ - ...getCommonPinningStylesWithBorder({ - column: header.column, - isHeader: true + ...getCommonPinningStylesWithBorder({ + column: header.column, + isHeader: true }), - width: header.getSize(), + // 부모 그룹 헤더는 colSpan으로 너비가 결정되므로 width 설정하지 않음 + // 자식 헤더만 개별 width 설정 + ...(!('columns' in header.column.columnDef) && { width: header.getSize() }), }} > <div style={{ position: "relative" }}> @@ -102,7 +104,8 @@ export function DataTableDetail<TData>({ header.getContext() )} - {header.column.getCanResize() && ( + {/* 부모 그룹 헤더는 리사이즈 불가, 자식 헤더만 리사이즈 가능 */} + {header.column.getCanResize() && !('columns' in header.column.columnDef) && ( <DataTableResizer header={header} /> )} </div> |