Rendering more than 1000 rows in Bootstrap Modal

Getting help Questions
1

I am having a problem with performance, when I insert a handsontable into a bootstrap modal. The handsontable performance is working great if it’s not inside a modal, but when it is insert into a modal, it seems like it is trying to render every row. I do not have the RenderAllRows options set to true either. I have two jsfiddles below with the same handsontable, one in a modal and one not in a modal.

Inside a Modal: http://jsfiddle.net/mountaineerfan5/5Zv8h/72/
Without Modal: http://jsfiddle.net/mountaineerfan5/5Zv8h/73/

I’m not exactly sure why this is occurring. Any help would be greatly appreciated!
Thanks!

2

Hi @jmo

Thank you for sharing. We have a similar issue reported here: https://github.com/handsontable/handsontable/issues/2779

We can see the same behavior (only one column is rendered) and when we add the viewportColumnRenderingOffset option then it’s more than a few seconds to get the table and scrolling experience is poor.

Demo: http://jsfiddle.net/handsoncode/rhuj8h8h/

3

Thanks for the help and quick response! Initializing the handsontable after the dialog appeared seems to fix the issue.

4

Great, Thank you for an update.