This post contains the same basic table displayed in several styles. Each style builds on the one preceding it. The final examples feature tables that are responsive and make use of data attributes for better accessibility. The final example features a table that is sortable by one or more columns.
A Plain Table
| Senator or Representative |
District |
Tobacco Industry Contributions During their Most Recent Campaign, 2010 or 2012 Total |
| Jones, Timothy W (R) |
110 |
$33,037 |
| Schaefer, Kurt(R) |
19 |
$25,750 |
| Dempsey, Tom (R) |
23 |
$25,700 |
| Diehl Jr., John J. (R) |
89 |
$14,750 |
A Bit Nicer Than Plain Table
| Senator or Representative |
District |
Tobacco Industry Contributions During their Most Recent Campaign, 2010 or 2012 Total |
| Jones, Timothy W (R) |
110 |
$33,037 |
| Schaefer, Kurt(R) |
19 |
$25,750 |
| Dempsey, Tom (R) |
23 |
$25,700 |
| Diehl Jr., John J. (R) |
89 |
$14,750 |
Continue reading →