We recently overhauled our payment statement tables for mobile web in Merchant Center. Our goal was to meet the following requirements:

  • No javascript. You can find all sorts of plugins to but it’s nice to go with a pure CSS solution if at all possible.
  • The text must be localized so no storing plain text in the stylesheets, nullifying Chris Coyer’s recommendation though the end result is built upon his idea. Plus it’s nice to keep the content in the views where it belongs.
  • No adjusting the font-size to 8px and cramming everything in 🙂

via Responsive Tables in Pure CSS – LivingSocial’s Technology Blog.