dataTable without header

[leolux]

Hi,

how to create a dataTable without a header?

The following view shows an small and empty header:

Code: Select all

<p:dataTable var="obj" value="#{bean.objects}" scrollable="true" resizableColumns="false" id="dataTable1">
   <p:column style="width:125px">
      <h:outputText value="Column 1" />
   </p:column>
   <p:column style="width:125px">
      <h:outputText value="Column 2" />
   </p:column>
</p:dataTable>

[kukeltje]

use some CSS?

[T.dot]

Extend the datatable and add a property like renderHeader:

Code: Select all

public class MyDataTable extends org.primefaces.component.datatable.DataTable
{
   protected enum PropertyKeys   { renderHeader   }

   /**
    * returns true (default) if the Header of the table should be rendered, otherwise the
    * thead tag and it's contents won't be rendered
    * 
    * @return
    */
   public boolean isRenderHeader()
   {
      return (Boolean) getStateHelper().eval( PropertyKeys.renderHeader, Boolean.TRUE );
   }
   public void setRenderHeader( boolean _renderHeader )
   {
      getStateHelper().put( PropertyKeys.renderHeader, _renderHeader );
      handleAttribute( "renderHeader", _renderHeader );
   }
}

Extend the DataTableRenderer:

Code: Select all

public class MyDataTableRenderer extends org.primefaces.component.datatable.DataTableRenderer 
{
   @Override
   protected void encodeThead( FacesContext context, DataTable table )
      throws IOException
   {
      MyDataTable myTable = (MyDataTable) table;

      // Don't render the header if renderHeader-Attribute is set to false
      if (!myTable.isRenderHeader() )) return;

      super.encodeTHead(context, table);
   }
}

[arturo]

It can be done with css only:

1. Add the following selector to your css file or css section:

Code: Select all

.hide-column-names table thead tr {
    display: none;
}

2. Add the class hide-column-names to the datatable:

Code: Select all

<p:dataTable id="table" styleClass="hide-column-names">