, bir td (tam genişlik) ve 2 sütunlu tbody ile (thread'e bağlı olmayan genişlik) dikkat edin

Question

Pekala, uzun başlık kısa öyküsü.

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

Ve inci tam genişlik olacak ve tablo hücrelerinin genişliğini değiştirmek değil istiyorum: Böyle yapılandırılmış bir tablo var. Sanırım bunu mümkün kılan css ekran özelliği var ama henüz bir çalışma çözümü bulamadım. Yardım ettiğin için teşekkür ederim!

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> 

için hile olacaktır colspan kullanımı sen

Answer 2

Bundan daha kolay: Sadece th öğenizde bir colspan'a ihtiyacınız var. eleman uzanır kaç hücre
Colspan tanımlar:

<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

Bu?

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