Handsontable not rendering all columns when it opens in bootstrap modal

Tags: #<Tag:0x00007efc7290a068>
#1

I am having one button ‘Press’, on click of that button i want to open a modal and show handsontable in it.
http://jsfiddle.net/hemantmalpote/z61rczyo/2/

But when i press the button, the modal opens and i can see only one column.
When click on that column, i can see the remaining columns.

#2

Hi @tmoore

Which browser are you using? I have tested the code on Chrome 58, Windows 10 and got all the columns.

Also please notice that the code you are using is in version 0.16.1 while we currently have the last stable version on 0.31.2

#3

@aleksandra_budnik : I am sharing screen shot.

HandsontableIssue.png1153×521 65.4 KB

Browser : Google Chrome
Version : Version 58.0.3029.110 (64-bit)
OS: Windows 10

I Tested with version : PRO-v1.10.2
Its still there.

#4

@tmoore, I am having the same issue in my bootstrap modals. One workaround that I use is a setTimeout function to re-render the table after I open the table. I’m assuming that Handsontables cannot get the width of the modal until after it is open.

setTimeout(function(){
hot.render();
}, 500);

#5

Thank you for your input Ryan. I think that it can cause the issue.
@tmoore can you test if adding a slight delay fixes the issue?

#6

I think that we can close the issue as there is no reply for more than 3 weeks.

#7