Skip to content

Commit 461a165

Browse files
committed
Added Support for multiple pinning
1 parent 5cc8bca commit 461a165

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

GUI/src/components/DataTable/index.tsx

+4-4
Original file line numberDiff line numberDiff line change
@@ -166,8 +166,8 @@ const DataTable: FC<DataTableProps> = (
166166
<tr key={headerGroup.id}>
167167
{headerGroup.headers.map((header) => (
168168
<th key={header.id} style={{ width: header.column.columnDef.meta?.size, position: header.column.columnDef.meta?.sticky ? 'sticky' : undefined ,
169-
left: header.column.columnDef.meta?.sticky === 'left' ? 0 : undefined,
170-
right: header.column.columnDef.meta?.sticky === 'right' ? 0 : undefined,
169+
left: header.column.columnDef.meta?.sticky === 'left' ? `${header.column.getAfter('left') * 0.675}px` : undefined,
170+
right: header.column.columnDef.meta?.sticky === 'right' ? `${header.column.getAfter('right') * 0.675}px` : undefined,
171171
backgroundColor: 'white', zIndex: header.column.columnDef.meta?.sticky ? 1 : 0 }}>
172172
{header.isPlaceholder ? null : (
173173
<Track gap={8}>
@@ -199,8 +199,8 @@ const DataTable: FC<DataTableProps> = (
199199
<tr key={row.id} style={table.options.meta?.getRowStyles(row)}>
200200
{row.getVisibleCells().map((cell) => (
201201
<td key={cell.id} style={{position: cell.column.columnDef.meta?.sticky ? 'sticky' : undefined ,
202-
left: cell.column.columnDef.meta?.sticky === 'left' ? 0 : undefined,
203-
right: cell.column.columnDef.meta?.sticky === 'right' ? 0 : undefined,
202+
left: cell.column.columnDef.meta?.sticky === 'left' ? `${cell.column.getAfter('left') * 0.675}px` : undefined,
203+
right: cell.column.columnDef.meta?.sticky === 'right' ? `${cell.column.getAfter('right') * 0.675}px` : undefined,
204204
backgroundColor: 'white', zIndex: cell.column.columnDef.meta?.sticky ? 1 : 0}} >{flexRender(cell.column.columnDef.cell, cell.getContext())}</td>
205205
))}
206206
</tr>

0 commit comments

Comments
 (0)