react-tabulator icon indicating copy to clipboard operation
react-tabulator copied to clipboard

Large data loads freeze browser

Open JoeSzymkowicz opened this issue 7 years ago • 2 comments

Short Description:

  • Trying to load large data into a table with 1500-2000 rows, of 4 columns of data seems to freeze the browser. I'm trying to take advantage of the virtualized DOM functionality. I have added a demo below.

On line 33, you can set data = generator(clientsSchema, [min], [max]) for min and max row amounts to be generated. Currently set to 500 and 600.

Environment Details

  • OS: Windows 10
  • Node.js version: 9.11.1
  • react-tabulator version: 0.7.11
  • react: 16.7.0

Code https://codesandbox.io/embed/opl1qj2ny

JoeSzymkowicz avatar Feb 12 '19 03:02 JoeSzymkowicz

@olifolkerd I can reproduce this issue using the above codesandbox link ^ could you please check it? Thanks.

ngduc avatar Sep 07 '19 05:09 ngduc

It happened to me and was able to reproduce it in the codesandbox.

To actually make it fail you have to change set data = generator(clientsSchema, [min], [max]) to set data = generator(clientsSchema, 2500, 2600) and the codesandbox just hangs.

julillosamaral avatar Feb 18 '22 18:02 julillosamaral