React-bootstrap-table2: The table gets slow or may even fail on large datasets

Created on 27 Jul 2018 · 6Comments · Source: react-bootstrap-table/react-bootstrap-table2

Hi,
The table gets progressively slower when displaying large data and at certain data size it fails with an exception. The reason is the deep copy solution that you use in src/store/index.js at line 80:
JSON.parse(JSON.stringify(data))
Please consider changing this to a more optimal solution, like [...data] for example.

Cheers,
Petar

enhancement

Source

peter-sl

👍5

Most helpful comment

I have a similar scenario like @F-Adam-B , 30+ columns with 5000- 10000 rows. (It includes ExpandedArea too), It's taking around 30+ sec to render. Any help?

imtmh on 21 Aug 2019

👍2

All 6 comments

after [email protected], we improve the cell level performance. In the next couple release, we will start improve the row level performance enhancement. Just give me some time. thanks

AllenFang on 16 Aug 2018

BTW, after 1.0.0. We fix JSON.parse(JSON.stringify(data)). So closed this issue

AllenFang on 16 Aug 2018

Please upgrade to [email protected] and [email protected] will get significant improvement.

AllenFang on 14 Oct 2018

I'm as well using a large data set and running into sluggish rendering issues. @AllenFang will the upgrade to [email protected] and [email protected] be able to handle a table with 27 columns with 13000 to 15000 values in each column?

F-Adam-B on 12 Feb 2019

👍2

I have a similar scenario like @F-Adam-B , 30+ columns with 5000- 10000 rows. (It includes ExpandedArea too), It's taking around 30+ sec to render. Any help?

imtmh on 21 Aug 2019

👍2

@F-Adam-B I am also facing same problem, around 40 columns and 100 rows leads to page slows down. Pagination takes time to respond. Any help?