Skip to content

feat(DataViewTableBasic): Make select column sticky#645

Open
johnsonm325 wants to merge 1 commit into
patternfly:mainfrom
johnsonm325:make-select-row-sticky
Open

feat(DataViewTableBasic): Make select column sticky#645
johnsonm325 wants to merge 1 commit into
patternfly:mainfrom
johnsonm325:make-select-row-sticky

Conversation

@johnsonm325

Copy link
Copy Markdown

When attempting to make the first column in a table row sticky, it doesn't make the selection column sticky and the selection column will scroll with the rest of the table. This PR makes the selection column sticky along with the "first" column.

@nicolethoen

Copy link
Copy Markdown
Contributor

/deploy-preview

@patternfly-build

patternfly-build commented May 12, 2026

Copy link
Copy Markdown

@johnsonm325

Copy link
Copy Markdown
Author

Looks like it's not doing what I expect. I assume that this table is rendering as a result of my changes. If so, it looks like the furthest left row doesn't stick the way the "Repositories" column sticks, and it has the border on the right that I don't want to show.

image

@johnsonm325

Copy link
Copy Markdown
Author

I intended for it to look like this

image

@johnsonm325 johnsonm325 force-pushed the make-select-row-sticky branch from 6c435f2 to 3ae0945 Compare June 3, 2026 11:40
@johnsonm325

Copy link
Copy Markdown
Author

/deploy-preview

2 similar comments
@johnsonm325

Copy link
Copy Markdown
Author

/deploy-preview

@johnsonm325

Copy link
Copy Markdown
Author

/deploy-preview

@johnsonm325 johnsonm325 force-pushed the make-select-row-sticky branch from 3ae0945 to 0bf7d8d Compare June 26, 2026 16:43
When attempting to make the first column in a table row sticky, it
doesn't make the selection column sticky and the selection column will
scroll with the rest of the table. This PR makes the selection column
sticky along with the "first" column.
@johnsonm325 johnsonm325 force-pushed the make-select-row-sticky branch from 0bf7d8d to 9b7ca54 Compare June 26, 2026 20:28
Comment on lines +7 to +10
export const STICKY_SELECTION_COLUMN_WIDTH = '4rem';

/** Default used when computing offsets for a preceding sticky column with no explicit stickyMinWidth. */
export const DEFAULT_STICKY_COLUMN_WIDTH = '120px';

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is not a good solution. I worked with Claude to determine column width at runtime, but it struggled to find a good implementation. We could rely on apps that use this table to pass widths, but that doesn't seem like the best solution. Maybe I'll take another pass at it on Monday.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants