I just wanted to throw this out here, to see if anyone else is experiencing a similar problem as I am.

I have 3 grids with 3 different gridOptions. When the page loads, the grid fails to display data. I mean, if I inspect the dom, the grids are there with data, but nothing is displayed on the page other than the CSS border I set for each grid.

However, once I toggle the Google chrome inspector, the grids appear on the page. I find this really weird.

Digging deeper

I realized that the width of the grid was set at an initial 2px, but after toggling the inspector, it changes to 1385px, or however wide my screen is.