Bug - [Table] - incorrect behavior with visibility breakpoints #7139
Description
Describe the problem
When table layout is stacks the cells, I want to show all columns. However at 768px wide, the table layout gets stacked but the column remains hidden due to the visibility according to hiddenOnMd.
How do you reproduce the problem?
https://www.patternfly.org/components/table#cell-width-breakpoint-modifiers
This sample uses the following to hide the Pull requests column:
<Tr>
<Th width={15}>{columnNames.name}</Th>
<Th width={15}>{columnNames.branches}</Th>
<Th width={40} visibility={['hiddenOnMd', 'visibleOnLg']}>
{columnNames.prs}
</Th>
<Th width={15}>{columnNames.workspaces}</Th>
<Th width={15}>{columnNames.lastCommit}</Th>
</Tr>
Use the dev tools to adjust the browser width.
Is this issue blocking you?
No work around.
Screenshots
769px the column is hidden as expected:
768px the column is hidden but the layout is also stacked:
767px the column is visible:
What is your environment?
- OS: mac os
- Browser chrome
- Version 129.0.6668.58 (Official Build) (x86_64)
What is your product and what release date are you targeting?
RHOAI
Metadata
Metadata
Assignees
Type
Projects
Status