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.