outsideClickDeselects , Hiding the Whole table

Tags: #<Tag:0x00007f8b1d9a7068>
#1

Hello Team,

i use tabs to have a multiple table , when i use outsideClickDeselects , it’s hiding the selected table when i go to next tab.

#2

Hey @MZ1000_1

Could you share a demo where this issue can be replicable?

#3

Is there any alternative available for outsideClickDeselects

#4

To give an alternative I would need to understand the problem.
If you cannot share a demo, may I ask for a screen recording?

#5

5f9c093e60663853689685

#6

I am sorry but I cannot download this file and it is too small to see. Can you upload it via weTransfer for example?

#7

Please send Your Email ID , i will send it via Onedrive

#8

Sent the file to this email id aleksandra.budnik@handsontable.com

#9

Thank you. I got the file.

I haven’t noticed if you set up a fixed height/width for tables that are in the tables that are hidden.
Alternatively, you can try to call the render() method on those instances once a user clicks the table.

#10

can you show some demo on the render code

#11

Hello ,
can you please give example for this

#12

The render method is a Core method. It is called for the instance.
Here are our docs https://handsontable.com/docs/8.1.0/Core.html#render

Then when DIV class TAB is the one that holds the handsontable I propose to do

document.querySelector('.TAB').addEventListener('click', function(){
setTimeout(function(){
instance.render()
}, 100)
})

the setTimeout() could be helpful to make sure that all other elements are already recalculated.

#13

.TAB Means?

#14

Can You please put it in JSFiddle.

#15

Here is a demo https://jsfiddle.net/AMBudnik/4jrqt5za/

I do not know how the TABs are set in your application so I just created a DIV.

#16

Thanks this works Good , please close the ticket.

#17