title: How to translate this HTML table into JSF table
body: <p>I want to translate this html table into JSF table</p>
  
  <pre><code>&lt;table border="1"&gt;
     &lt;tr&gt;
       &lt;td&gt;OS Verison&lt;/td&gt;
       &lt;td&gt;Linux&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr&gt;
       &lt;td&gt;Installed packages&lt;/td&gt;
       &lt;td&gt;30&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr&gt;
       &lt;td&gt;Free HDD Space&lt;/td&gt;
       &lt;td&gt;30 GB&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr&gt;
       &lt;td&gt;Installed RAM&lt;/td&gt;
       &lt;td&gt;2 GB&lt;/td&gt;
     &lt;/tr&gt;
  &lt;/table&gt; 
  </code></pre>
  
  <p>I found many examples on Google how to write JSF table which retrieve data from database as list but none of them shows how to create table with two columns like the above. </p>
  
  <p><strong>P.S</strong></p>
  
  <p>How I can rewrite this code to achieve the same output result?</p>
  
  <pre><code>                    &lt;h:dataTable id="books"
                               columnClasses="list-column-center,
                               list-column-right, list-column-center,
                               list-column-right" headerClass="list-header"
                               rowClasses="list-row" styleClass="list-
                               background" value="#{DashboardController.getDashboardList()}" var="store"&gt;   
                      &lt;h:column&gt;
                            &lt;h:outputText  value="Session Timeout"/&gt;
                            &lt;h:outputText  value="Maximum Logged Users"/&gt;
                      &lt;/h:column&gt;
                      &lt;h:column&gt;                       
                            &lt;h:outputText value="#{store.sessionTTL} minutes"/&gt;
                            &lt;h:outputText value="#{store.maxActiveUsers}"/&gt;
                      &lt;/h:column&gt;
  
                      &lt;h:column&gt;
                          &lt;f:facet name="header"&gt;
                            &lt;h:outputText  value="one"/&gt;
                          &lt;/f:facet&gt;
                      &lt;/h:column&gt;
                      &lt;h:column&gt;
                          &lt;f:facet name="header"&gt;
                            &lt;h:outputText  value="two"/&gt;
                          &lt;/f:facet&gt;
                      &lt;/h:column&gt;
  
                  &lt;/h:dataTable&gt; 
  </code></pre>
  
  <p>I want to display in a basic way like the first table the content of database table wich has 2 columns with just one row.</p>