title: dojo.data.ItemFileReadStore + dojox.grid.DataGrid + 100% width and height
body: <p>I want a dojox.grid.DataGrid with a dojo.data.ItemFileReadStore as the data store. I want it to fill the entire screen. I don't want to specify dimensions in pixels. All the examples that I've seen specify them in pixels or use a CSV data store. I've tried using HTML elements and javascript to setup the datagrid and store.</p>
  
  <p>Has anyone done this? Is there a bug? It seems like what anyone would want, but maybe it's not possible for some reason. Any ideas? Thanks!</p>
  
  <p>Edit to insert code:</p>
  
  <pre><code>&lt;div id="gridContainer" style="width: 100%; height: 100%;"&gt;&lt;/div&gt;
  
  &lt;div id="gridContainer1" style="width: 400px; height: 200px;"&gt;&lt;/div&gt;
  
  
  &lt;script type="text/javascript"&gt;
  
      dojo.addOnLoad(function(){
          // our test data store for this example:
          var jsonStore = new dojo.data.ItemFileReadStore({
              url: '/mydata.json'
          });
  
          var layout = [{
              field: 'id',
              name: 'id',
              width: '20px'
          },
          {
              field: 'name',
              name: 'name',
              width: '50px'
          },
          {
              field: 'owner',
              name: 'owner',
              width: '50px'
          }];
  
          // create a new grid:
          var grid = new dojox.grid.DataGrid({
              query: {
              rowid: '*'
              },
              store: jsonStore,
              clientSort: true,
              rowSelector: '20px',
              structure: layout
          },
          document.createElement('div'));
  
          dojo.byId("gridContainer1").appendChild(grid.domNode);
  
          grid.startup();
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Depending on whether I use gridContainer or gridContainer1, it does not show or shows the grid respectively.</p>
  
  <p>What gives? </p>