thead với một td (chiều rộng đầy đủ) và tbody với 2 cột (chiều rộng không phụ thuộc vào thead)

Question

Được rồi, truyện ngắn tiêu đề. Tôi có một bảng có cấu trúc như thế này:

<table> 
<thead> 
<tr><th>longer Heading with a width of 100%</th></tr> 
</thead> 
<tbody> 
<tr><td>cell 1</td><td>cell 2</tr> 
<tr><td>cell 3</td><td>cell 4</tr> 
</tbody> 
</table> 

Và tôi muốn thứ có chiều rộng đầy đủ và không thay đổi chiều rộng của ô bảng. Tôi đoán có một số tài sản hiển thị css mà có thể làm cho điều này có thể nhưng tôi đã không tìm thấy một giải pháp làm việc được nêu ra. Cảm ơn bạn đã giúp đỡ!

Answer 1

<table> 
    <thead> 
    <tr><th colspan="2">longer Heading with a width of 100%</th></tr> 
    </thead> 
    <tbody> 
    <tr><td>cell 1</td><td>cell 2 </td></tr> 
     <tr><td>cell 3</td><td>cell 4 </td></tr> 
</tbody> 

sử dụng colspan sẽ làm các trick cho bạn

Answer 2

Dễ hơn thế: Bạn chỉ cần colspan trên phần tử th của mình.
colspan định nghĩa, có bao nhiêu tế bào nguyên tố này kéo dài:

<table> 
    <thead> 
     <tr><th colspan="2">longer Heading with a width of 100%</th></tr> 
    </thead> 
    <tbody> 
     <tr><td>cell 1</td><td>cell 2</tr> 
     <tr><td>cell 3</td><td>cell 4</tr> 
    </tbody> 
</table> 

See my Fiddle

Answer 3

này?

<th colspan="2">...</th>