CSS Tables

Some of the best CSS-techniques which web-developers can always use working on their current web-project. The list of some useful techniques for displaying information in a tabular mode. In fact, tables can present data quite efficiently, particularly if you can use some sorting or filtering functions in order to improve the legibility of the text stored in the table. Furthermore, Zebra tables are becoming more and more popular, and the techniqies supposed to enhance their functionality appear on a weekly basis.

Zebra Tables

Redesigning a simple table

Zebra Tables

Better Zebra Tables

Splintered striper: Enhanced Zebra Stripes

Standardista Table Sorting (A client-side JavaScript Table Sort module)

Designing Tables with Stylesheets

SortedTable instructions and examples v0.8f

A CSS Styled Table

24ways: Tables with style

Sinnhafte Websites

Data Tables and Cascading Style Sheets Gallery

Zebra Table Showdown

Filtering Table

Stripe your tables the OO way

Unobtrusive Table Sort Script (Revisited)

Brainjar.com: DHTML Table Sort

Table sorting JavaScript: Unobtrusive and with alternating row colors

Tables with further functionalities (i.e. sorting, filtering)

Replicating a tree table

Table with sorting and autofilter

Reformat the Table and Reformat the Table 2

Table not a table

CSS Style Tables Tutorial

How to create and style accessible tables

Sort Table Rows

The Table Ruler

sorttable: Make all your tables sortable

Sortable Tables (WebFX)

Sort’n’scroll Table

Unobtrusive Table Sort Script

Dynamic Sorting of HTML-tables via XSLT

Accessible Data Tables

Tools

• Data Generator
  lets you generate large volumes of random, custom data (for testing purposes only).

Links and references

• Accessible Data Tables
• Advanced HTML Tables and CSS Tutorial
• Alter Table Row Background Colors Using JavaScript
• Bring on the tables
  : Roger Johansson explains when to use tables for presenting information on the Web.
• Create tables that transform gracefully
  by WebAIM
• Designing Data: Table structure
  by Jonathan Snook
• Ein Herz f?r Tabellen
  (German) explains how to use tables efficiently and when not to use them.
• How to paginate, sort and search a table with Ajax and Rails
• HTML Tables best practice
  Presentation
• Refining Data Tables
  by Luke Wroblewski.
• Tables and CSS Tutorials
  by Chris Heilmann
• Table Manners
  by Jim Byrne
• Tablesorter plugin for jQuery
• Table Sorting with Prototype

Books

• Mark Pilgrim, Dive Into Accessibility: Day 19: Using real table headers
• Joe Clark: Building Accessible Web-Sites. Chapter 10: Tables and Frames