Create a view of a table in transposed HTML5

The way that at least I know to create a view of a table in HTML5 is the following:

     <table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table> 

However, I need it to be inverted, of course, I know it's not that difficult, I only have to exchange the texts in the script, but that does not solve the issue. Well I need to go adding columns when generating a query to a database. That is, that each row extracted with the query to MySQL is loaded in a column, so if the query returns two rows that appear two columns (apart obviously from the column of the titles).

Thanks