title: GWT data grid isn't presented
body: <p>I'm trying to switch from CellTable to DataGrid. The actual change was very easy (APIs are the quite the same) - but I cannot get the grid to be visible without setting explicitly its width and height. In the CellTable it was enough to set width and height to 100% - and that is the behavior I want.</p>
  
  <p>In my view I have two sections in HotrizontalPanel: one shows some tabs (buttons) and the other shows the grid. Each time a tab is clicked, the grid area is cleared and a new grid is created.</p>
  
  <p>The view looks like this:</p>
  
  <pre><code>&lt;ui:style&gt;
      .expanded {
          width: 100%;
          height: 100%;
      }
  
      .simpleContainer {
          border-top: 5px solid #484848;
          border-bottom: 5px solid #484848;
      }
  &lt;/ui:style&gt;
  
  &lt;c:SimpleContainer addStyleNames="{style.simpleContainer} SimpleContainer"&gt;
      &lt;g:HorizontalPanel&gt;
          &lt;g:HorizontalPanel ui:field="headersContainer"/&gt;
          &lt;g:FlowPanel ui:field="tablePanel" styleName="{style.expanded}"/&gt;
      &lt;/g:HorizontalPanel&gt;
  &lt;/c:SimpleContainer&gt;
  </code></pre>
  
  <p>And this is the snap of HTML from the running application:</p>
  
  <pre><code>&lt;div class="GKQJTVMDCNC-com-mycode-management-client-ui-panels-PropertiesPaneView_PropertiesPaneUiBinderImpl_GenCss_style-simpleContainer SimpleContainer" id="x-widget-21" style="width: 1730px; height: 126px; "&gt;
  &lt;table cellspacing="0" cellpadding="0"&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td align="left" style="vertical-align: top; "&gt;....&lt;/td&gt;
              &lt;td align="left" style="vertical-align: top; "&gt;
                  &lt;div class="GKQJTVMDBNC-com-mycode-management-client-ui-panels-PropertiesPaneView_PropertiesPaneUiBinderImpl_GenCss_style-expanded"&gt;
                      &lt;div style="position: relative; overflow-x: hidden; overflow-y: hidden; " __gwtcellbasedwidgetimpldispatchingfocus="true" __gwtcellbasedwidgetimpldispatchingblur="true"&gt;
                          ....
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p></p>
  
  <p>The upper div has the right width and height, but somehow the DataGrid div has 1px height and 0px width (at list according to the chrome developer tool)</p>
  
  <pre><code>&lt;div class="GKQJTVMDBNC-com-mycode-management-client-ui-panels-PropertiesPaneView_PropertiesPaneUiBinderImpl_GenCss_style-expanded"&gt;
  </code></pre>
  
  <p>Any idea?</p>