Column Width adjustment through Cell Properties doesn't adjust the width percentages for adjacent columns
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 16.3k
- Forks
- 2.3k
- PR merge metrics
- No merged PRs in 30d
Description
📝 Provide detailed reproduction steps (if any)
I have a table with 4 columns and 3 rows. By default, the table is created with column width: 24.9698% for all four columns. When I change the width percentage from cell properties for the first column to 15%, it doesn't change the width percentage for all other columns. Now, if I just click on the Gridline shared by first and second column, but doesn't actually scroll it to change the width, the width is now updated for all the columns including first column. if I scroll the gridline to left or right, it changes the width percentage for all the columns.
- Create a 4x3 table in https://fiddle.tiny.cloud/
- Check the source code and width is 24.9698% for all 4 columns
- Go to cell properties and for the first column and change width to 15% and save
- Go back to source code and width for first column is 15% but all other columns are still 24.9698%
- Changing the width on first column should adjust the width for other columns as well
- Now click on gridline between first and second column without changing the width
- Go back to source code and you will see the updated width
✔️ Expected result
Changing width percentage in Cell properties should adjust the width percentage for adjacent columns as well
❌ Actual result
Changing width percentage in Cell properties is not adjusting the width percentage for all other columns
📃 Other details
- Browser: Google Chrome, Edge
- OS: Windows
If you'd like to see this fixed sooner, add a 👍 reaction to this post.
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 issue in fiddle.tiny.cloud and inspect the table source after changing the first column through Cell Properties. Compare that result with the gridline interaction; done means changing one column's percentage also updates adjacent column percentages without needing to click a gridline.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, typescript
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100