Skip to Content

Table Styles

These two table classes are only distinguishable at small widths (< 480px). The widetable class initializes a js plugin that reorders the markup for a more readable data layout. The blocktable class simply switches the table row columns to a block layout, one on top of the other. We can adjust the very basic default full width table presentation, as well as create additional classes for any alternate presentations as needed.

 

This is a table with class=widetable

Heading Heading
Cell Cell
Cell Cell
Cell Cell
Cell Cell

 

 

This is a table with class=blocktable

Heading Heading
Cell Cell
Cell Cell
Cell Cell
Cell Cell
Email This Page