CSS Code for Table Headers that are static with a fluid width table

Does anyone have css code and/or table structure for a fluid width table with fixed headers. The table could potentially scroll if the contents are bigger then the table height. The table is fluid width. This is for a sharepoint web part but the web part is custom so no need to think about sharepoint's native css.

Thanks!

开发者_C百科One more thing. THe main problem is I don't know when there is going to be a scroll bar or not so it messes with the headers.

Fixed headers are headers that don't scroll, when you scroll through the TBODY

---

When it comes to data tables it is best not to reinvent the wheel. They can get extraordinarily complicated very quickly. Fortunately their are a variety of different offerings out there with zounds of features.

http://www.datatables.net/

http://developer.yahoo.com/yui/examples/datatable/

http://www.infragistics.com/dotnet/netadvantage/aspnet/web-hierarchical-data-grid.aspx#Overview

... just to name a few.

---

Won't a good jQuery fixed header plugin do the trick for you?