How to create a Grid layout view in Oracle ADF?

Sample Jsff looks as below

<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:trh="http://myfaces.apache.org/trinidad/html"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich" version="2.1">
  <trh:tableLayout id="tl2" cellSpacing="7">
    <trh:rowLayout id="rl12">
      <trh:cellFormat id="cf13" width="30%">
        <af:outputText value="Header1" id="ot1"/>
      </trh:cellFormat>
      <trh:cellFormat id="cf2" width="70%">
        <af:outputText value="Header2" id="ot3"/>
      </trh:cellFormat>
    </trh:rowLayout>
    <trh:rowLayout id="rl1">
      <trh:cellFormat id="cf6" width="30%">
        <af:outputText value="Content1" id="ot7"/>
      </trh:cellFormat>
      <trh:cellFormat id="cf9" width="70%">
        <af:outputText value="Content2" id="ot6"/>
      </trh:cellFormat>
    </trh:rowLayout>
  </trh:tableLayout>
</jsp:root>

The look and feel as below