Datatable: Datatable selection is lag and slow with large dataset

[hurahurat]

Describe the bug

Datatable is so slow when there are large number of dataset and large number of columns.
When I click select all checkbox it show a lag before all rows is selected and even select a single row could show me a lag.

Reproducer

https://codesandbox.io/s/primevue-demo-forked-lgz1dg

PrimeVue version

3.29.2

Vue version

3.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

The checkbox should be selected without any lag for large datasets also.

[NeluQi]

+1

[hurahurat]

After forked and made some changes I have successful reduce the lag time less than 1s(~700ms)

[NeluQi]

After forked and made some changes I have successful reduce the lag time less than 1s(~700ms)

Send a PR, I want to see it in the official version

[galilmori]

This is a terrible bug in my case i have a lot of data and it goes crashes my application wirth a blank page

Update:I have done a workaround to make my app work again. I have removed the 2 way binding on the "selection" field and used @row-select @row-unselect @row-select-all @row-unselect-all with custom callbacks to manually do selection and it has fixed my crashing app.

[martinszeltins]

+1

[NxMgh]

+1

[dipbhi]

+1

[omzy]

Any update on this? Or is anyone able to share a workaround?

[thevalo]

I have the same problem, but instead of a checkbox, the table really lags (and pages becomes sometimes unresponsive) when searching using global filters. Following.

[ibrdavid]

+1

[mertsincan]

Hi,

Please see; https://dev.to/mertsincan/handling-big-data-on-datatable-with-checkbox-selection-multiselect-4hgc
I tried to explain how you can overcome these problems.

Best Regards,