HTML Bảng số khác nhau của cột trong hàng khác nhau

Question

Giống như trong Excel tờ tôi có thể có

1. 2 cột trong hàng 1st
2. 1 cột dài ở hàng thứ 2

có thể như vậy trong html?

Answer 1

Trên thực mà bạn không quen với colspan, tôi coi bạn cũng không quen với rowspan, vì vậy tôi nghĩ rằng tôi muốn vứt rằng trong miễn phí.

Một điểm quan trọng cần lưu ý, khi sử dụng rowspan: các yếu tố sau tr phải chứa ít td yếu tố, vì các tế bào sử dụng rowspan ở hàng trước đó (hoặc trước đó hàng).

CSS:

table {border: 1px solid #000; border-collapse: collapse; } 
th, td {border: 1px solid #000; } 

html:

<table> 
    <thead> 
     <tr> 
      <th colspan="2">Column one and two</th> 
      <th>Column three</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td rowspan="2" colspan="2">A large cell</td> 
      <td>a smaller cell</td> 
     </tr> 
     <tr> 
      <!-- note that this row only has _one_ td, since the preceding row 
       takes up some of this row --> 
      <td>Another small cell</td> 
     </tr> 
    </tbody> 
</table> 

Demo tại địa chỉ: jsbin

Answer 2

có, chỉ cần sử dụng colspan.

Answer 3

colspan:

<table> 
    <tr> 
     <td> Row 1 Col 1</td> 
     <td> Row 1 Col 2</td> 
</tr> 
<tr> 
     <td colspan=2> Row 2 Long Col</td> 
</tr> 
</table>