DataTable row selection slow on larger tables

[Shin--]

Describe the bug

When rendering a DataTable that has more than a few columns or a larger amount of rows, it leads to slow rendering of the DataTable and very slow responding checkboxes when selecting a row. The underlying issue seems to be that a row selection re-renders the whole table, and the rendering itself being slow.

I assume the re-render of the whole table when selecting a row is a bug. Possibly related to #5309

Pull Request Link

No response

Reason for not contributing a PR

• Lack of time
• Unsure how to implement the fix/feature
• Difficulty understanding the codebase
• Other

Other Reason

No response

Reproducer

https://stackblitz.com/edit/ui2jyp9p-v9bun1mf

Environment

Vue version

3.5

PrimeVue version

4.2.x

Node version

No response

Browser(s)

No response

Steps to reproduce the behavior

Create any table with row selection. As soon as there are around 1000 cells (height * width) the delay between click and selection becomes very noticable.

Expected behavior

Row-selection feels instantaneous and there is no re-rendering of all cells in the row, let alone all rows, necessary.

[github-actions]

Due to PrimeTek's demanding roadmap for PrimeVue and the limited bandwidth of the core team, this issue is available for anyone to work on. Make sure to reference this issue in your pull request. ✨ Thank you for your contribution! ✨