In tables right and middle alignment conflict with the buttons in the table head
Open
Nobody has claimed this yet.
design
design: papercut
feature: tables
Nice to have
ux
- Dominant language
- JavaScript
- Stars
- 659
- Forks
- 133
- Avg merge
- 1d 20h
- Merged PRs (30d)
- 110
Description
When aligning a column to the middle the heading is not aligned with the other rows because it makes room for the three dot buttons. Same for right alignment:

Originally posted by @max-nextcloud in https://github.com/nextcloud/text/issues/3521#issuecomment-1340549757
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 by reproducing the table alignment issue described in the screenshot, focusing on the table heading, right and middle column alignment, and the three-dot buttons. Trace the table rendering and alignment handling, then verify that headings align with their rows without conflicting with the buttons.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100