Tables

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