Fixed display when multiple selections are selected with pinning on the right (#336)

mintaka2479 · web-flow · commit c166eeab5bac · 2024-05-31T15:42:19.000-04:00
diff --git a/packages/mantine-react-table/src/components/body/MRT_TableBodyCell.tsx b/packages/mantine-react-table/src/components/body/MRT_TableBodyCell.tsx
@@ -195,7 +195,7 @@ export const MRT_TableBodyCell = <TData extends MRT_RowData>({
       data-dragging-column={isDraggingColumn || undefined}
       data-first-right-pinned={
         (isColumnPinned === 'right' &&
-          column.getIsLastColumn(isColumnPinned)) ||
+          column.getIsFirstColumn(isColumnPinned)) ||
         undefined
       }
       data-hovered-column-target={isHoveredColumn || undefined}
diff --git a/packages/mantine-react-table/src/components/footer/MRT_TableFooterCell.tsx b/packages/mantine-react-table/src/components/footer/MRT_TableFooterCell.tsx
@@ -64,7 +64,7 @@ export const MRT_TableFooterCell = <TData extends MRT_RowData>({
       data-column-pinned={isColumnPinned || undefined}
       data-first-right-pinned={
         (isColumnPinned === 'right' &&
-          column.getIsLastColumn(isColumnPinned)) ||
+          column.getIsFirstColumn(isColumnPinned)) ||
         undefined
       }
       data-index={renderedColumnIndex}
diff --git a/packages/mantine-react-table/src/components/head/MRT_TableHeadCell.tsx b/packages/mantine-react-table/src/components/head/MRT_TableHeadCell.tsx
@@ -140,7 +140,7 @@ export const MRT_TableHeadCell = <TData extends MRT_RowData>({
       data-dragging-column={isDraggingColumn || undefined}
       data-first-right-pinned={
         (isColumnPinned === 'right' &&
-          column.getIsLastColumn(isColumnPinned)) ||
+          column.getIsFirstColumn(isColumnPinned)) ||
         undefined
       }
       data-hovered-column-target={isHoveredColumn || undefined}

Original file line number	Diff line number	Diff line change
`@@ -195,7 +195,7 @@ export const MRT_TableBodyCell = <TData extends MRT_RowData>({`
`195`	`195`	`data-dragging-column={isDraggingColumn \|\| undefined}`
`196`	`196`	`data-first-right-pinned={`
`197`	`197`	`(isColumnPinned === 'right' &&`
`198`		`- column.getIsLastColumn(isColumnPinned)) \|\|`
	`198`	`+ column.getIsFirstColumn(isColumnPinned)) \|\|`
`199`	`199`	`undefined`
`200`	`200`	`}`
`201`	`201`	`data-hovered-column-target={isHoveredColumn \|\| undefined}`
Original file line number	Diff line number	Diff line change
`@@ -64,7 +64,7 @@ export const MRT_TableFooterCell = <TData extends MRT_RowData>({`
`64`	`64`	`data-column-pinned={isColumnPinned \|\| undefined}`
`65`	`65`	`data-first-right-pinned={`
`66`	`66`	`(isColumnPinned === 'right' &&`
`67`		`- column.getIsLastColumn(isColumnPinned)) \|\|`
	`67`	`+ column.getIsFirstColumn(isColumnPinned)) \|\|`
`68`	`68`	`undefined`
`69`	`69`	`}`
`70`	`70`	`data-index={renderedColumnIndex}`
Original file line number	Diff line number	Diff line change
`@@ -140,7 +140,7 @@ export const MRT_TableHeadCell = <TData extends MRT_RowData>({`
`140`	`140`	`data-dragging-column={isDraggingColumn \|\| undefined}`
`141`	`141`	`data-first-right-pinned={`
`142`	`142`	`(isColumnPinned === 'right' &&`
`143`		`- column.getIsLastColumn(isColumnPinned)) \|\|`
	`143`	`+ column.getIsFirstColumn(isColumnPinned)) \|\|`
`144`	`144`	`undefined`
`145`	`145`	`}`
`146`	`146`	`data-hovered-column-target={isHoveredColumn \|\| undefined}`