ngHandsontable within angular-material modal not rendering all columns in IE

Tags: #<Tag:0x00007efc5fd14518>
#1

When loading a table in a modal in IE, we’re not seeing all the columns rendered in the table. We also saw this issue with rows and added the renderAllRows field to the table, but there’s no similar field for columns. Any suggestions on how to force it to render all rows, regardless of performance impact?

To show what i’m seeing, here’s a snip from before scrolling over to show the scroll section visually working:

image.png1824×649 17.3 KB

And then an image of what it looks like if we scroll all the way over for a table that was given 30 columns to have:

image.png1824×642 8.97 KB

Thanks!

#2

Hi @johnothetree

Have you tried to rerender the table after it is loaded (instance.render() method)?

You can also try the offset settings
https://docs.handsontable.com/pro/1.11.0/Options.html#viewportColumnRenderingOffset
https://docs.handsontable.com/pro/1.11.0/Options.html#viewportRowRenderingOffset

#3

Tried the instance.render(), and it results in fewer columns rendering than beforehand for whatever reason.

Have not tried the offset settings, but won’t be able to seeing as I’m not using the Pro version of HOT. If that’s the only way to get things working, so be it and I’ll talk to the business about getting the Pro version, otherwise any other suggestions would be wonderful!

#4

@johnothetree

the offset settings are also part of the CE version.

#5

forgot to update. offsets worked perfectly, thanks!

#6

Great! Thank you for an update.

#7