primefaces / primefaces/primereact
DataTable: Frozen column alignment right is broken
Nobody has claimed this yet.
- Dominant language
- CSS
- Stars
- 8.3k
- Forks
- 1.2k
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
When using frozen columns with right alignment in DataTable, the column alignment does not work properly. The content is positioned above the treetable
Reproducer
https://stackblitz.com/edit/vitejs-vite-khxusvfd
System Information
System:
OS: macOS 15.6.1
CPU: (10) arm64 Apple M1 Max
Memory: 1.25 GB / 64.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 22.14.0 - ~/.nvm/versions/node/v22.14.0/bin/node
Yarn: 1.22.18 - /opt/homebrew/bin/yarn
npm: 11.4.2 - ~/.nvm/versions/node/v22.14.0/bin/npm
pnpm: 10.11.0 - ~/Library/pnpm/pnpm
bun: 1.2.17 - /opt/homebrew/bin/bun
Browsers:
Chrome: 139.0.7258.155
Safari: 18.6
npmPackages:
primereact: ^10.0.0 => 10.9.7
react: ^18.2.0 => 18.3.1
Steps to reproduce the behavior
No response
Expected behavior
The expected should be aligned to the right, not above the table
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.
Research direction
Start with the linked StackBlitz reproducer and the DataTable implementation for frozen columns and right-aligned content. Compare the rendered position with the expected alignment, then verify the fix against the reproducer in the supported PrimeReact setup. Done means right-aligned frozen-column content stays within the table instead of appearing above it.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100