HOT instances on an initially hidden tab don't render until clicked

Getting help Issues
3

Sure. Here is the Django form as initially rendered. There is no HOT instance on the “front” tab:

image.png493×163 5.39 KB

Now, I click on the next tab to bring it to the front, thus exposing a HOT instance. Notice how only one column is shown:

image.png489×155 9.08 KB

If I click on the HOT rendered areas (for example, on the “Timestamp”) header, or add the manual call to hot.render(), the other columns render:

image.png368×162 12.7 KB

FWIW, this is the call to hot.render() as mentioned in the other query:

$('a[data-toggle="tab"][id="' + pane + '-tab"]').on('shown.bs.tab', function (e) {
    setTimeout(hot.render, 50)
});

I should clarify the above is with a custom .css. Using the vanilla handsontable.full.min.css makes no difference.