Data grid not showing in a tab

Question

Hi all,
I have looked up various dojo forums but haven't found a solution to this problem. My dojox grid works well if placed outside the tab container. When I move my grid inside on the tabs in the tab container, it stops showing i.e. the height is '0'. I have tried several solutions suggested on dojo forums but have not helped my situation. Has anyone encountered this and found a solution?
Thanks
Samir

SamirGambhir · Answer

Hi,
Thanks for your help. Unfortunately, your solution did not work for my code. I really appreciate your help.
Thanks
Samir

EdSaunders · Answer

Hi Samir,

Did you try selecting the tab first and then resizing the div with the datagrid in it like this:
 dojo.connect(queryTask, "onComplete", function(featureSet) {
  items = dojo.map(featureSet.features, function(feature) {
   return feature.attributes;
  });
  var data = {
   identifier : "objectid",
   items : items
  };
  store = new dojo.data.ItemFileReadStore({
   data : data
  });
  grid.setStore(store);
  grid.setSortIndex(0, "true");
  if(dijit.byId("results").style.display = "none") {
   dojo.style("results", "display", "block");
  }
  dijit.byId("results").resize();
...