React hotTable render in material UI modal

Tags: #<Tag:0x00007efc6556a820> #<Tag:0x00007efc6556a6e0>
#1

Hi Team,

AM unable render HotTable in modal component, it showing hotinstace not found,
on load am able to fetch the hotinstance, while rendering in modal I can’t initate hotTable, Please help me out.

Thanks,
Sateesh

#2

Hi,

Could you share a bit more details about the modal component? Is it some library or a DIV element that you control over CSS? A code snippet would also be helpful.

#3

Hey! I couldn’t resist but answer. That issue happens 99% of the times when the handsontable is defined and declared inside the ready function and the developer is trying to use it in a modal component outside the ready function.
Try this:

var hot;
$(function() {
hot = new handsontable (container, {
 //your code here
 });
});
#4