title: How to change a transposed table to make it horizontally scrollable?
body: <p>I am making a table for products comparison. It's a table with vertical rows, a header at the left side and two or more product descriptions in vertical rows inside table body. It should be horizontally scrollable in case if user chooses a lot of products.</p>
  
  <p>I have used CSS from <a href="https://stackoverflow.com/a/16919439/1429387">this answer</a> to transpose a table (i.e. make vertical rows). And now I can't manage to add a horizontal scrollbar inside <code>tbody</code> in case if table exceeds the predefined width. I am looking for something similar to <a href="https://stackoverflow.com/q/17067294/1429387">this question</a> but applied to my transposed table.</p>
  
  <p>Here's what I have now: <a href="http://jsfiddle.net/naXa/cy21bLLp/1/" rel="nofollow noreferrer">JSFiddle</a> and here's what happens when I limit the table width to 200px:</p>
  
  <p><a href="https://i.stack.imgur.com/4qOGB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4qOGB.png" alt="enter image description here"></a>   <a href="https://i.stack.imgur.com/Z2t9m.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Z2t9m.png" alt="enter image description here"></a></p>