Bad nested header width in Vuetify expansion panel

Tags: #<Tag:0x00007f8b2575b748>
#1

In Vuetify’s Expansion panel Handsontable shows incorrent nested header width:
https://jsfiddle.net/rianas/kefpdyv8/49/

I’ve been working on this issue for several days, but I still can not fix it.

#2

Hey @adrian.csecsi

have you tried to call

this.$refs.hotTableComponent.hotInstance.render();

there this.$refs is a Handsontable component?

You may also need a 100-300 millisecond delay on that action.

The best place to put the code would be an action of expanding the panel.

#3

Hi @aleksandra_budnik

Yes, I tried earlier, but without any delay. Now I did it with 1sec delay, but I still facing with this issue.
I left the change in the sample code.

#4

Can you build the table after expanding the panel? That should do the job.

1 Like
#5

Hey @adrian.csecsi any updates?

#6