fixed column headers in myfaces datatable

[jyothish <jy...@readiminds.com>]

i am  new to  myfaces .. Some body plz help me with a solution . how to fix the column headers inside myfaces datatble which is draggable using a panelgrid

my code goes like this

<h:panelGroup id="gridPanel1" style="width:100%; height:250px; overflow:auto;" > 
   <t:dataTable styleClass="standardTable" 
            headerClass="standardTable_Header"
            footerClass="standardTable_Footer"
            rowClasses="standardTable_Row1,standardTable_Row2"
            var="for"
            value="#{list.forecast}"
            sortColumn="#{list.sort}"
            sortAscending="#{list.ascending}"
            preserveDataModel="true"
            preserveSort="true" width="100%" rowOnMouseOver="this.style.backgroundColor='#D5D3C7'" rowOnMouseOut="this.style.backgroundColor='#FFFFE0'" 
   rowOnClick="this.style.backgroundColor='#D5D3C7'" rowOnDblClick="this.style.backgroundColor='#D5D3C7'" 
   rows="50" id="test"
   >  

  <h:column>
            <f:facet name="header">
                <t:commandSortHeader columnName="forecastId" arrow="true">
                    <h:outputText value="#{bundle['forecast_Id']}" />
                </t:commandSortHeader>
            </f:facet>
            <h:outputText value="#{for.forecastId}" />
        </h:column>

 </t:dataTable>
 
 </h:panelGroup>


 thanks in advance 


jyothish Venu