summaryrefslogtreecommitdiff
path: root/components/data-table/infinite-data-table.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'components/data-table/infinite-data-table.tsx')
-rw-r--r--components/data-table/infinite-data-table.tsx7
1 files changed, 5 insertions, 2 deletions
diff --git a/components/data-table/infinite-data-table.tsx b/components/data-table/infinite-data-table.tsx
index b8764d62..d766f35c 100644
--- a/components/data-table/infinite-data-table.tsx
+++ b/components/data-table/infinite-data-table.tsx
@@ -167,7 +167,9 @@ export function InfiniteDataTable<TData>({
className={compactStyles.header}
style={{
...getPinnedStyle(header.column, true), // ๐ŸŽฏ ํ—ค๋”์ž„์„ ๋ช…์‹œ
- width: header.getSize(), // ๐ŸŽฏ width ๋ณ„๋„ ์„ค์ •
+ // ๋ถ€๋ชจ ๊ทธ๋ฃน ํ—ค๋”๋Š” colSpan์œผ๋กœ ๋„ˆ๋น„๊ฐ€ ๊ฒฐ์ •๋˜๋ฏ€๋กœ width ์„ค์ •ํ•˜์ง€ ์•Š์Œ
+ // ์ž์‹ ํ—ค๋”๋งŒ ๊ฐœ๋ณ„ width ์„ค์ •
+ ...(!('columns' in header.column.columnDef) && { width: header.getSize() }),
}}
>
<div style={{ position: "relative" }}>
@@ -178,7 +180,8 @@ export function InfiniteDataTable<TData>({
header.getContext()
)}
- {header.column.getCanResize() && (
+ {/* ๋ถ€๋ชจ ๊ทธ๋ฃน ํ—ค๋”๋Š” ๋ฆฌ์‚ฌ์ด์ฆˆ ๋ถˆ๊ฐ€, ์ž์‹ ํ—ค๋”๋งŒ ๋ฆฌ์‚ฌ์ด์ฆˆ ๊ฐ€๋Šฅ */}
+ {header.column.getCanResize() && !('columns' in header.column.columnDef) && (
<DataTableResizer header={header} />
)}
</div>