Panel grid layout or stretch panel?

I'm creating a page based on a template to present a query with results table and when i select a result the same data as to be presented on the side as a form. I have tryed to do it inserting a panel grid layout with some cells, so each cell will have the query form, another to the results table and other details that i have to insert. This is the basic layout:

When i change the cell poperties so i can see the table and everything else, one of two things happen, the table fills all the page (width) or it stays very small and i have to use the scroll bar to see all the data. What i want is that the table use all the width available in the cell.

Can someone help me doing this with a grid layout or is there another way, such as a stretch layout that i can use?

Thanks

I'd say just use two nested stretch layouts, will give you good and clean result.

<af:panelStretchLayout>
  <f:facet name="top">
    <!-- fixed size header -->
  </f:facet>
  <f:facet name="start">
    <!-- fixed size menu -->
  </f:facet>
  <f:facet name="center">
    <af:panelStretchLayout>
      <f:facet name="top">
        <!-- search form -->
      </f:facet>
      <f:facet name="end">
        <!-- right block -->
      </f:facet>
      <f:facet name="center">
        <!-- table -->
      </f:facet>
    </af:panelStretchLayout>
  </f:facet>
</af:panelStretchLayout>

Don't forget to set stretching option for components that need it.