Incorrect behavior when using tables with fixed columns with Bootstrap tabs

Tags: #<Tag:0x00007efc6de11688>

I’m seeing an issue when using FixedColumnsLeft in multiple Handsontables that are in different Bootstrap tabs. The first Handsontable whose tab is active when the Handsontables are initialized will work correctly. However, if you switch to the second tab, the second Handsontable exhibits incorrect behavior. Scrolling down will only cause the fixed columns to scroll, and the unfixed columns will not scroll.

See the example here: https://jsfiddle.net/gxz6nsbz/21/

Note that if you modify the example so that Tab 2 starts out active, then the second Handsontable will work correctly and the second one will not.

Thanks.

Please try to call hot2.render() (in setTimeout method with ~20ms delay) after user switches to Tab2.