CSS-Based Tables: Modern Solutions
We coninue to present some of the best CSS-techniques which web-developers can always use working on their current web-project. Recently we’ve taken a look at the best css-based forms, today we present 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.
So what do we have? Let’s take a look around: over 28 modern css-based techniques in a brief overview. Links checked: May/27 2008.
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
A CSS Styled Table by Veerle Pieters.
Data Tables and Cascading Style Sheets Gallery – 78 CSS Table Designs.
Zebra Table Showdown featuring Plain DOM Scripting, Yahoo UI, Dojo, Prototype, Mochikit, mootlos, jQuery, AJS. – design67
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)
Reformat the Table and Reformat the Table 2
How to create and style accessible tables – design56
Sort Table Rows with Javascript
sorttable: Make all your tables sortable
Sort’n’scroll Table
Dynamic Sorting of HTML-tables via XSLT
Tools
- Data Generator lets you generate large volumes of random, custom data (for testing purposes only).
