Autodesk / Autodesk/react-base-table

Move resizing line without affecting the column width

Open
#313 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
1.5k
Forks
170
PR merge metrics
No merged PRs in 30d

Description

Hi,

My table contains more than 20 columns, and using the current column resizer solution (https://autodesk.github.io/react-base-table/examples/resizable) lead to performance issue, especially for large screen (32inch vs 2k resolution). I wonder if there is a way to only move the resizing line and update column width when onColumnResizeEnd (mouse released), Please help.

Thanks

Contributor guide

Open the contributing guide

Research direction

Start with the resizable example linked in the issue and review how the current column resizer uses onColumnResizeEnd. Determine how to move only the resizing line during interaction, then update the column width on mouse release and verify that resizing large tables no longer updates the width continuously.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.