Start Building Professional
Web Apps Today

Also in the grid, we found that if the we add rows to a grid object while it is in a hidden <DIV> and t...

Also in the grid, we found that if the we add rows to a grid object while it is in a hidden <DIV> and then show the DIV, the rows are not lined up correctly and they leave a big space between the grid header and the first row. It is only when we populate the grid with data while the DIV is visible then the rows seem to align normally

The grid cannot set correct sizes while in invisible state, so any actions to hidden grid can cause visual problems.

To fix issue just call my_grid.setSizes() after switching back to visible state.

Also you can try visibility:hidden instead of display:none. In such case grid will calculate its sizes correctly.