From QED
The markup for all the following tables is identical except for the class specification.
- The wikitable and datatable classes can each be used without additional CSS specifications to create a standard-looking table.
- The datatable class adds a hover effect for the row of data under the mouse, and sets padding to 4px.
- The toccolours is a minimalist class for tables, ensuring there is a suitable border and background color; it also sets the padding to 5px and the font-size to 95%.
The order in which the classes are specified makes a difference — the most recently specified value of a style element prevails.
class=datatable
| U.S. stock market activity
|
| Index
| Day
| Value
| Change
|
| Dow Jones | 7 Feb 2006 | 10765.45 | −32.82 (−0.30%)
|
| S&P 500 | 7 Feb 2006 | 1256.92 | −8.1 (−0.64%)
|
class=toccolours
| U.S. stock market activity
|
| Index
| Day
| Value
| Change
|
| Dow Jones | 7 Feb 2006 | 10765.45 | −32.82 (−0.30%)
|
| S&P 500 | 7 Feb 2006 | 1256.92 | −8.1 (−0.64%)
|
class=wikitable
| U.S. stock market activity
|
| Index
| Day
| Value
| Change
|
| Dow Jones | 7 Feb 2006 | 10765.45 | −32.82 (−0.30%)
|
| S&P 500 | 7 Feb 2006 | 1256.92 | −8.1 (−0.64%)
|
class="datatable toccolours"
| U.S. stock market activity
|
| Index
| Day
| Value
| Change
|
| Dow Jones | 7 Feb 2006 | 10765.45 | −32.82 (−0.30%)
|
| S&P 500 | 7 Feb 2006 | 1256.92 | −8.1 (−0.64%)
|
class="toccolours wikitable"
| U.S. stock market activity
|
| Index
| Day
| Value
| Change
|
| Dow Jones | 7 Feb 2006 | 10765.45 | −32.82 (−0.30%)
|
| S&P 500 | 7 Feb 2006 | 1256.92 | −8.1 (−0.64%)
|
class="datatable wikitable"
| U.S. stock market activity
|
| Index
| Day
| Value
| Change
|
| Dow Jones | 7 Feb 2006 | 10765.45 | −32.82 (−0.30%)
|
| S&P 500 | 7 Feb 2006 | 1256.92 | −8.1 (−0.64%)
|
class="datatable toccolours wikitable "
| U.S. stock market activity
|
| Index
| Day
| Value
| Change
|
| Dow Jones | 7 Feb 2006 | 10765.45 | −32.82 (−0.30%)
|
| S&P 500 | 7 Feb 2006 | 1256.92 | −8.1 (−0.64%)
|