Making datatable header fixed

[Hassnain Badami]

Hi I am trying to create a JSF DataTable with a Scroll Bar Option (instead of Pagination Control). If I place the datatable in between div tag for example <DIV style="overflow:auto; width:100%; height:200px"> <datatable></datatable> </div> tags it supports scrolling. But I am unable to fix the table header and scroll only through the data rows in the table.   I have tried to use CSS style for table header, but it has not worked either.   I have made sure that an html table can scroll such that it s header stays fixed. It can be done through setting style attribute of tbody element (style="overflow:auto; width:100%; height:200px"). But how would it work with datatable is unclear.   Using the scroll bar is critical user requirement for me Anyhelp would be highly appreciated.     Best Regards   Hassnain Badami Prytania Services LLP Warwick Court, 5 Paternoster Square, London EC4M 7BP Tel: +44 20 74895120   Fax: +44 20 74895121      --- This e-mail may contain confidential and/or privileged information. If you are not the intended recipient (or have received this e-mail in error) please notify the sender immediately and destroy this e-mail. Any unauthorised copying, disclosure or distribution of the material in this e-mail is strictly forbidden. The Prytania Group has taken every reasonable precaution to ensure that any attachment to this e-mail has been swept for viruses. However, we cannot accept liability for any damage sustained as a result of software viruses and would advise that you carry out your own virus checks before opening any attachment.