When a lot of data is long running hiding columns

Tags: #<Tag:0x00007f8b25e85730>
#1

I develop the application on the react. When a table of 30 columns and 11000 rows, the application very much slows down when I change the appearance of the columns.
Also, if you initially specify hidden columns, when the page is reloaded, the table can be used only after 15 seconds, since it is rendered for a long time. This is only when I develop on the react.

https://jsfiddle.net/mu34d1yz/9/
Here is an example, only there is not a pro version, so it does not work to hide the columns. If you can send me an example, all the same thing only with the pro version and that worked to hide the columns.

#2

Hi @pontiac358

here https://jsfiddle.net/handsoncode/cjqLn16t/ is a version with Handsobtable Pro.

Can you prepare an example that slows down your table that you’ve mentioned above?

#3

try in your example, reload the page and when the table appears to start scrolling, or start modifying the cell. At me it turns out to make only in seconds 10. And if to remove in adjustments the latent columns, the table at once starts to work on the same scroll or change of a cell.

#4

Can you record it please and share you OS/Browser specification?

#5

Sequence such, I press button “Run” the table is rebooted, as soon as the table appears, I try to select a cell or scroll. It turns out to be done only in seconds 10.
When I delete hidden columns, I click “Run”, the scroll works immediately after the appearance of the table.
This is a problem only if I develop on the react.

macbook pro 15, chrome latest version

#6

@aleksandra_budnik Please, confirm or deny this bug you have.

#7

Hi @pontiac358

the code is really slow at the beginning but we have 11000 rows so it might be. After it all loads is scroll without any issues. I also do not have the jumping header behavior but I know that is happens for some devices. This issue has been reported at https://github.com/handsontable/handsontable/issues/4997. Please track changes to https://github.com/handsontable/handsontable/issues/4997 for more update.

#8

Hi @aleksandra_budnik
I think you misunderstood my problem :slight_smile:

http://jsfiddle.net/t79u4w66/36/
Here is the same code only not on the react.
It works fine, after the appearance of the table in a second, I can already work with it, edit cells, scroll and so on.

https://jsfiddle.net/cjqLn16t/4/
And here on the react (the same amount of data), after the appearance of the table, you need about 10 seconds so that you can start working with the table (edit cells, scroll)

Here even the problem is not in the scrolling, but in general in the work with the table, it does not react to any team.
As I understood the whole problem in hiding the columns, when I remove this property, it works well.

If you work well, you can record it, please.

#9

I will investigate this subject and share with my colleague and get back with an update.

#10

Thank you very much, I will wait.

#11

My colleague tested the demo and it looks like the wrapper is not doing well with the hiddenColumn < exactly as you said. I’ve reported it on our React board at https://github.com/handsontable/react-handsontable/issues/105

He’s going to check this bug out before the next React release (possibility before the weekend). Please track changes to https://github.com/handsontable/react-handsontable/issues/105 for fresh information.

#12

Please tell me.
https://github.com/handsontable/react-handsontable/issues/105 Here it is shown that the status is closed. Is this bug already fixed? I updated the Handsontable to the latest version, this bug is still pressing.

#13

Our React Developer have checked the issue and it turns out that it is not related to the wrapper itself so he has closed the issue. Here is a connected issue that is still opened https://github.com/handsontable/handsontable/issues/4381

#14