RSHB/DFiP_Budget_planing
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

sticky column

Browse Source
This commit is contained in:
PotapovaA 2026-08-19 18:48:09 +03:00
parent 8476b1de37
commit 8eded98a0b
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/components/RealtimeTable/TableHead/TableHead.jsx
View File

@ -110,6 +110,8 @@ const HeaderCell = ({ header, table, pinningPosition, onClick, onChangeWidth })
const isPinned = Boolean(pinningPosition); const isPinned = Boolean(pinningPosition);
const leftOffset = pinningPosition === 'left' ? header.getStart() : undefined; const leftOffset = pinningPosition === 'left' ? header.getStart() : undefined;
const rightOffset = pinningPosition === 'right' ? table.getRightTotalSize() - header.getStart() - headerSize : undefined; const rightOffset = pinningPosition === 'right' ? table.getRightTotalSize() - header.getStart() - headerSize : undefined;
const stickyTextLeft = isPinned ? undefined : table.getLeftTotalSize();
const stickyTextRight = isPinned ? undefined : table.getRightTotalSize();
const customBgColor = column.columnDef?.muiTableHeadCellProps?.sx?.backgroundColor; const customBgColor = column.columnDef?.muiTableHeadCellProps?.sx?.backgroundColor;
@ -161,11 +163,16 @@ const HeaderCell = ({ header, table, pinningPosition, onClick, onChangeWidth })
<div <div
style={{ style={{
textAlign: 'center', textAlign: 'center',
position: 'relative', position: isPinned ? 'relative' : 'sticky',
left: stickyTextLeft,
right: stickyTextRight,
zIndex: 1,
paddingRight: '0.5rem', paddingRight: '0.5rem',
paddingLeft: '0.5rem', paddingLeft: '0.5rem',
backgroundColor: backgroundColor, backgroundColor: backgroundColor,
color: color, color: color,
maxWidth: 'calc(100% - 1rem)',
boxSizing: 'border-box',
}}> }}>
{header.isPlaceholder ? null : column.columnDef.header} {header.isPlaceholder ? null : column.columnDef.header}
</div> </div>