Happy-Coding-Clans / Happy-Coding-Clans/vue-easytable
[Bug Report] Performance issue: clicking on a row causes every row in the table to re-render
Open
🚀 performance
help wanted
- Dominant language
- JavaScript
- Stars
- 3.8k
- Forks
- 771
- PR merge metrics
- No merged PRs in 30d
Description
https://github.com/Happy-Coding-Clans/vue-easytable/blob/674d87e8e72151bf02844a53c7245ae55ceb8468/packages/ve-table/src/body/body-tr.jsx#L98-L101
One of the reasons seems to be that every table row receives the highlighted row index as a prop. Every time a user clicks a different row that index will change causing every row to re-render.
Using the `clickHighlight: false` option to disable row highlighting on click doesn't change the behavior. It seems to just decide whether the class is applied, but the re-render still happens.
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.