You can easily achieve
this with css.
For IE check these links:
http://web.tampabay.rr.com/bmerkey/examples/nonscroll-table-header.html
http://web.tampabay.rr.com/bmerkey/examples/locked-column-csv.html
For mozilla you can
define an overflow:auto style and a fixed height for the tbody element.
From:
Nikita Shah [mailto:[EMAIL PROTECTED]
Sent: Freitag, 17. März 2006 13:06
To: [email protected]
Subject: Fix the Header of
Datatable
Hi all
As mentioned in the earlier post of this subject, I want to make the header of
the DataTable fixed.
Below is the jsp code :
<h:dataTable id="taTable" border="1"
styleClass="sortable"
headerClass="groupTable_Header"
rowClasses="groupTable_Row"
&nbs p;
columnClasses="groupTable_Column"
var="groups"
value="#{nodes.groups}"
cellpadding="0"
;
cellspacing="0">
<h:column>
<f:facet name="header">
<h:outputText value="Group" />
</f:facet>
<h:outputText value="#{groups.name} " />
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Target" />
</f:facet>
<h:outputText value="#{groups.target}" />
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Actual" />
</f:facet>
<h:outputText value="#{groups.actual}" />
</h:column>
</h:dataTable>
</h:panelGroup>
<f:verbatim></DIV></f:verbatim>
</t:column>
</t:dataTable>
This table i have placed inside the DIV element with auto overflow.
How do i manipulate so as to prevent the scrolling of headers..?
Are there any possible solutions to this .. ?
Any help would be appreciated.
TIA
~Nikita Shah
Jiyo cricket on Yahoo!
India cricket
Yahoo!
Messenger Mobile Stay in touch with your buddies all the time.
