Table Design

Designing HTML tables with sorting, filtering, fixed headers, zebra colour feature and so on.

These approaches have proved most promising to me…

• Übergroße Tabellen in koordiniert scrollenden Frames
• www.javascripttoolbox.com – Table Sorting, Filtering, Etc.
• http://www.imaputz.com/cssStuff/bigFourVersion.html – Pure CSS Scrollable Table with Fixed Header. Using CSS to allow scrolling within a single HTML table
• http://www.imaputz.com/cssStuff/bulletVersion.html – (Almost) Pure CSS Scrollable Table with Fixed Header. The Bullet Resistant Version. Probably the most often referenced solution in the WWW.

• Scrollable Table with Fixed Header
• Table with fixed header in IE6 - 8, Firefox 2.+, Safari 3 and Opera 9.5+
• www.kollermedia.at -25 Sortable Table Scripts
• Data Tables and Cascading Style Sheets Gallery
• www.onsemi.com provide a most sophisticated table example.

• Stu Nicholls | CSSplay | CSS scrolling tables
• Imar.Spaanjaars.Com – A Scrollable Table With a Fixed Header
• SSI-Developer.net – CSS Guides: Non-scrolling table header
• Super Tables – HTML Tables with Fixed Headers and More.

• TableFilter – A Javascript library making HTML tables filterable

• www.datatables.net – DataTables is a plug-in for the jQuery Javascript library which will add advanced interaction controls to any HTML table.
• www.activewidgets.com – A comercial CSS/JS/AJAX library solution. Also with sortable columns!
  Want to know how to resize fixed rowheader with the mouse? Look here.

• www.dhtmlx.com
  AJAX powered editable DHTML JavaScript Grid. Heavy CSS/JS/AJAX library suitable for handling large tables up to ten thousands of rows.

• Free Web Template: Calendar Layout

• Highlight table row on mouseover
• Highlight Table Rows On Mouse Over
• Navigating a Table – The Document Object Model (DOM)
• JavaScript DHTML » Table » Table Layout » Table width