Start Building Professional
Web Apps Today

Gridbox header and rows misalignment

I have written atleast 10 applications using dhxgrid. I never based this strange problem.
There are three tabs I have and each tab has grid display.

When I execute 3 sql to fill these three grids, the first grid which is under current tab looks okay.
When I switch to other tabs, the format of the header and rows in those tabs are misaligned.
When I come back to the same tab which is not ok, after switching to other tabs, it comes out ok.

Every time when I go to the tab for the first time, misalignment is noted. After that it disappears. I used the mygrid1.setSizes() at the time when I click the tab. That also did not work.

Any help is appreciated

Please try to use 

tabbar.setOnSelectHandler(id){
    window.setTimeout(function(){
          grid.setSizes();
    },1);
   return true;
});

this such code setSizes will be called after new tab selected and rendered, which must resolve issue.