Encabezados verticales y horizontales en una tabla?

Question

¿Cómo obtendré una tabla con dos encabezados horizontales y verticales?

Así por ejemplo

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

Answer 1

fácil. Acaba de salir de la primera td en el primer tr - vacío

Answer 2

Si bien todavía se puede <th> sólo las entradas de la primera columna, no hay una columna equivalente de <thead>/<tbody> que yo sepa.

Answer 3

Me gusta @UlrichSchwarz dijo, usted puede simplemente usar <th> en lugar de <td> en la primera columna. Usando alcance, puede hacer que sea más semánticamente descriptiva:

<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>