React-data-grid: Humongous amounts of data

Created on 16 Dec 2019  路  6Comments  路  Source: adazzle/react-data-grid

Can this library handle HUMONGOUS rows of data in a memory-reasonable manner?

Most helpful comment

I'm facing a similar problem with huge datasets, the horizontal scroll becomes lagged and drops to less than 10fps.

For reference, the dataset I'm dealing with has around 150 columns, and 2000 rows.

Vertical scrolls seems to be unaffected and scrolls relatively smoothly.

Every scroll action seems to be triggering roughly ~70 calls on the rowGetter function.

All 6 comments

@power-f-GOD

Hm. Though library says it can, but it's worth checking out. I'd have to give it a test.

Can you give an estimate of the number of columns and rows of data we could be expecting?

@pjebs

I'm facing a similar problem with huge datasets, the horizontal scroll becomes lagged and drops to less than 10fps.

For reference, the dataset I'm dealing with has around 150 columns, and 2000 rows.

Vertical scrolls seems to be unaffected and scrolls relatively smoothly.

Every scroll action seems to be triggering roughly ~70 calls on the rowGetter function.

This lib is current under a refactoring for typescript support and better performance.

  1. If you are using v6 from npm, then the performance would not be that great for the large data set like you mentioned.
  2. If you are using typescript, v7 alpha would be the version you might want to use, however, the performance remains similar like v6, it only added typescript support.
  3. If you are fine with somehow not stable but a better performance, I would recommend you to use the canary version. It refined the row / column virtualization logic, which only renders minimum cells in the view now, as well as the scrolling performance. However, the caveat is that some APIs are potentially subject to be refined again.

v7 can handle huge amount of data
https://adazzle.github.io/react-data-grid/canary/?path=/story/demos--a-million-cells
https://github.com/adazzle/react-data-grid/blob/canary/stories/demos/MillionCells.tsx

Feel free to open a new issue if you are still experiencing performance issues

@amanmahajan7 In https://github.com/adazzle/react-data-grid/issues/1846#issuecomment-570608459, @qili26 wrote that v7 only provides typescript support and the performance was still same as v6.

Is that still the case or are you saying that v7 also includes that performance benefits mentioned in canary version?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

markmus picture markmus  路  4Comments

jmahony picture jmahony  路  4Comments

JordanBonitatis picture JordanBonitatis  路  4Comments

Suprit-S-M picture Suprit-S-M  路  4Comments

gauravagam picture gauravagam  路  3Comments