Java Development Tools

i m using jdeveloper 10314,

i am not able to fixed the column header position after scrolling on my table, means header are not visible as i scroll down.

<h:dataTable id="scList2" var="sc"

value="#{StockCountPortletBean.stockCountHistBeanList}"
width="100%" cellpadding="3"
cellspacing="0"
onclick=""
headerClass=""
styleClass="detailsGroupCol"
rowClasses="whitebg,graybg"
columnClasses="col1,col2,col3,col4,col5">
<h:column>
<f:facet name="header">
<h:outputLabel value="#{msg.date}" styleClass="detailsGroupCol55"/>
</f:facet>
</h:dataTable>

css code

.detailsGroup1{
border-style:solid;
border-collapse: collapse;
border-width:1px;
border-color:#9dc0dc;
width: 600px;
text-align:left;
}

.detailsGroupCol55{
text-align:left;
font-size:14px;
color: #505050;
font-family:Arial;
position:absolute;
}