title: Create table columns dynamically in JSF
body: <p>I'm working on dashboard application where I have to retrieve a set of records and display in dynamic tables boxes. Page frame length is fixed. now of columns and rows can be initialized. It should look like this sample:</p>
  
  <p><img src="https://i.stack.imgur.com/HX1vX.png" alt="enter image description here"></p>
  
  <p>Currently I'm using data table to display but it prints all the data in one column. How would I change my code to above pattern?</p>
  
  <pre><code>&lt;o:dataTable id="tabBlSearch" var="item"
       onkeyup="handleLeftRightArrowOnDataTable('frmDashBoard:tabBlSearch')"
       value="#{bLDashBoardAction.listBondLoc}"&gt;
    &lt;o:column style="width: 20px;"&gt;
      &lt;h:outputText value="#{item.awb}" /&gt;
    &lt;/o:column&gt;
  &lt;/o:dataTable&gt;
  </code></pre>