title: HTML Table with vertical rows
body: <p>How do I make vertical tables in HTML? By vertical, I mean the rows will be vertical with table headers on the left.</p>
  
  <p><img src="https://i.stack.imgur.com/l7j8i.png" alt="enter image description here"></p>
  
  <p>I also need it the way so I can access these rows (in this case vertical) as in a normal table, with <code>&lt;tr&gt;</code>. This is because I get the data dynamically for one row (like for row A) and insert it in the table. I am using angularJS to avoid DOM manipulation, so I am not looking for complex DOM manipulation with Javascript.</p>