Table not displaying headers
The following jsf code isnt displaying my table headers.
<h:dataTable rowClasses="list-row" headerClass="tableHeader"
width="60%" var="product" value="#{products.products}" border="1">
<h:column>
<f:facet name="header">
<h:outputText value="Name"/>
</f:facet>
<h:outputText value="#{product.name}" />
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Description" />
</f:facet>
<h:outputText value="#{product.description}" />
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Price" />
</f:facet>
<center>
<h:outputText value="#{product.price}" />
</center>
</h:column>
<h:column>
<h:inputHidden id="productId" value="#{product.id}" />
<center>
<h:commandButton value="Buy" action="buy">
</h:commandButton>
</center>
</h:column>
</h:dataTable>
What am I missing here?
