how to use dataTable without scrolling header
I have a dataTable like this where i put entire table within div,
<div style="overflow:auto;height:120px;">
<h:dataTable class="adresstable"
value="#{PatientWebGuiListBean.patientDemographs}" var="patient"
rowClasses="oddRow, evenRow" columnClasses="column" headerClass="head">
<h:column>
<f:facet name="header">
<h:outputText value=" PatientName " />
</f:facet>
<h:outputText value="#{patient.lastName}" />
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value=" Gender " />
</f:facet>
<h:outputText value="#{patient.gender}" />
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value=" Age " />
</f:facet>
<h:outputText value="#{patient.age}" />
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value=" Address " />
</f:facet>
<h:outputText value="#{patient.address}" />
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value=" ContactNumber " />
</f:facet>
<h:outputText value="#{patient.phone1}" />
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value=" Status " />
</f:facet>
<h:outputText value="#{patient.status}" />
</h:column>
</h:dataTable>
</div>
This scrolls entire table, but i need to keep header as constant without scrolling. only body part should scroll.
Thanks,
Vinutha.
