DataTables / DataTables/RowReorder
Speed up reorder when a lot of rows shown
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 23
- Forks
- 27
- PR merge metrics
- No merged PRs in 30d
Description
Hi
Ran into a performance problem when reordering a table with more than 300 rows. It actually gets slowly worse the more rows added.
After a bit of digging we found what was causing it to be slow:
The inserting causes the drag to not be as smooth as you would hope. If you are dragging a item up past 100+ items it can get very annoying.
The solution we came up with was to move that logic into a debounced method, meaning if the user stops dragging for x milliseconds it then calls the function. This has greatly improved the performance for dragging rows and is a lot more scalable.
However, I thought I would post on here to see if we were missing something?
Contributor guide
No contributing guide indexed for this repository
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
The issue identifies row insertion during drag as the suspected bottleneck and links an image, but names no source file, test, or entry point. Start by locating the reorder insertion logic and reproducing the slowdown with more than 300 rows. Done would require an agreed performance change and tests or measurements showing smoother, scalable dragging.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend, performance
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100