Nagłówki pionowe i poziome w tabeli?

Question

Jak uzyskać tabelę z nagłówkami poziomymi i pionowymi?

Tak np

  header1 header2 header3 
header1 1  1  1 
header2 2  2  2 
header3 3  3  3 

Answer 1

łatwe. Wystarczy zostawić pierwszy td w pierwszym tr - pusty

Answer 2

Choć nadal można tylko <th> wpisy w pierwszej kolumnie, nie ma kolumny odpowiednik <thead>/<tbody> że jestem świadomy.

Answer 3

Podobnie jak @UlrichSchwarz powiedział, możesz po prostu użyć <th> zamiast <td> w pierwszej kolumnie. Korzystanie zakresu, można uczynić go bardziej semantycznie opisowe:

<table> 
 
    <tr> 
 
    <th></th> 
 
    <th scope="col">header1</th> 
 
    <th scope="col">header2</th> 
 
    <th scope="col">header3</th> 
 
    </tr> 
 
    <tr> 
 
    <th scope="row">header 1</th> 
 
    <td>1</td> 
 
    <td>1</td> 
 
    <td>1</td> 
 
    </tr> 
 
    <tr> 
 
    <th scope="row">header 2</th> 
 
    <td>2</td> 
 
    <td>2</td> 
 
    <td>2</td> 
 
    </tr> 
 
    <tr> 
 
    <th scope="row">header 3</th> 
 
    <td>3</td> 
 
    <td>3</td> 
 
    <td>3</td> 
 
    </tr> 
 
</table>