primefaces / primefaces/primereact
DataTable: Layout breaks on column resize when using features ColGroup and FlexScroll and ColResize at once
@mertsincan is already working on this.
Since Apr 10, 2022.
- Dominant language
- CSS
- Stars
- 8.3k
- Forks
- 1.2k
- PR merge metrics
- No merged PRs in 30d
Description
I'm submitting a ... (check one with "x")
[x ] bug report
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://forum.primefaces.org/viewforum.php?f=57
Current behavior
The behavior can be reproduced the code sandbox.
When I resize a column in the given example, the layout of the columns in the table body will not match the layout of the table header.
Expected behavior
The columns in the table body have the same width as the according header columns.
Minimal reproduction of the problem with instructions
STEPS TO REPRODUCE
- open the code sandbox
- decrease the width of the "Product" column.
→ The column widths in the table body do not match the ones in the header.
-
React version:
17.0.2 -
PrimeReact version:
7.2.1 -
Browser: Chrome 100.0.4896.60 | Firefox 98.0.2, 99.0
- Language: ES6/7
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.