Handsontable inside modal

Tags: #<Tag:0x00007f8b1d7c3dc8>

When I create a handsontable inside a tingle modal and use the “stretchH” setting, the table overflows outside of the modal. Here is a fiddle to show the issue. How would I fix this?

Does this meet the requirements https://jsfiddle.net/hrmpz4vw/ ?

  1. I have used the overflow-x: hidden for the modal element with class .tingle-modal-box
  2. Added the additional render, because without it table loaded scrollbar incorrectly
    setTimeout(function(){hot.render()}, 100)
  3. Set width and height for the table to show all the columns. Without that you’d not get the last column (L).
1 Like

I can work with that. Thanks for your help!

Great :slight_smile: to hear.
I guess that we can close the topic then.

1 Like