Different styling for <th> depending on scope

Created by: tetele

As you know, the <th> HTML tag has a scope attribute which specifies if the head cell refers to a row or a column.

Bootstrap hasn't implemented that yet. Furthermore, if I have a table with <th>s for rows, the generated table looks awkward in such a situation.

Here's a piece of test code that should trigger the problem:

  <tr>
    <th scope="row">Key 1</th>
    <td>Value 1</td>
  </tr>
  <tr>
    <th scope="row">Key 2</th>
    <td>Value 2</td>
  </tr>
  <tr>
    <th scope="row">Key 3</th>
    <td>Value 3</td>
  </tr>
</table>```