title: Transpose HTML table depending on device orientation
body: <p>Say I have a table like this:</p>
  
  <pre><code>x A B C D E F
  1 a b c d e f
  2 g h i j k l
  </code></pre>
  
  <p>Now when device is in portrait orientation (or simply width of the window is too small) I want to display this table like this:</p>
  
  <pre><code>x 1 2 
  A a g
  B b h
  C c i 
  D d j
  E e k
  F f l
  </code></pre>
  
  <p>Is it possible to achieve this without the use of JavaScript?</p>