Bug - [Table] - incorrect behavior with visibility breakpoints

[christianvogt]

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