p:dataTable solid row name jsf

Question

How i can do that kind of table using p:dataTable primefaces showcase. I want that column name and row name be steady always, only data in table can be changed.

My table picture:

Answer 1

For example here is simple dataTable code. You can adjust style in CSS or style argument, if you want grey headers.

<p:dataTable id="dataTable" var="car" value="#{tableBean.carsSmall}">

<p:column style="background-color: grey">
   <h:outputLabel>row name</h:outputLabel>
</p:column>

  <p:column headerText="column name">  
  </p:column>

<p:column headerText="column name">  
  </p:column>

<p:column headerText="column name">  
  </p:column>
 </p:dataTable>