Bug - Table - misalignment when only some headers are sortable #7220
Description
Describe the problem
This is an issue with
- Patternfly 5
- Patternfly 6
- other
Please give a clear and concise description of the problem. Which components are affected?
Table with sortable headers
How do you reproduce the problem?
Provide steps to reproduce. A codepen or codesandbox demonstrating the problem is appreciated.
Go to the React nested expandable table example and make only one of the header cells sortable. You can just pass sort={{columnIndex: 0}} to one of the <Th components that has a visible text label, do this for both the outermost table and the nested table.
Notice that the text for the sortable header button is misaligned compared to the NON-sortable header cells (see screenshot below):
Expected behavior
A clear and concise description of the expected behavior.
All cells would be veritcally aligned regardless of the amount of sortable header cells
Is this issue blocking you?
List the workaround if there is one.
Screenshots
If applicable, add screenshots to help explain the issue.
What is your environment?
- OS: [e.g. iOS]
- Browser [e.g. chrome, safari]
- Version [e.g. 22]
What is your product and what release date are you targeting?
This was found during updates being made to RHOAI for v6 migration.
Any other information?
Metadata
Metadata
Assignees
Type
Projects
Status