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
#410 1 comment 0 reactions 0 assignees View on GitHub
🚀 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.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.