grid.refreshHeader(); in tabs

[queensgambit9]

Trying to refresh header using jQuery tabs.

In create event for each grid after getting some data for headers

Code: [Select]

grid.refreshHeader();
Getting error on 2nd tab (first work fine)

Code: [Select]

Uncaught TypeError: Cannot read property '23' of undefined

[paramvir]

Could you please share a jsfiddle.

[queensgambit9]

https://jsfiddle.net/queensgambit9/g4h0mory/9/

[paramvir]

It throws error because its parent div pane has style display:none

Either you can omit call to grid.refreshHeader() in inactive tabs or you can wrap the call in a try catch.

Code: [Select]

try{
      grid.refreshHeader();
}
catch(e){
       
}

https://jsfiddle.net/ka9sr02q/

[queensgambit9]

Thanks.