Tiêu đề dọc và ngang trong bảng?

Question

Làm cách nào để có được một bảng có cả tiêu đề ngang và dọc?

Vì vậy, ví dụ

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

Answer 1

dễ dàng. Chỉ cần rời khỏi td đầu tiên trong tr đầu tiên - trống

Answer 2

Trong khi bạn có thể vẫn chỉ là <th> các mục trong cột đầu tiên, không có cột tương đương của <thead>/<tbody> mà tôi biết.

Answer 3

Giống như @UlrichSchwarz cho biết, bạn chỉ có thể sử dụng <th> thay vì <td> trong cột đầu tiên. Sử dụng phạm vi, bạn có thể làm cho nó thêm ngữ nghĩa mô tả:

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