thead z jednym td (pełna szerokość) i tbody z 2 kolumnami (szerokość nie zależy od thead)

Question

Dobra, długie krótkie opowiadanie. Mam tabelę skonstruowaną w ten sposób:

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

Chciałbym, aby szerokość była pełna i nie zmieniała szerokości komórek tabeli. Sądzę, że istnieje pewna właściwość wyświetlania css, która umożliwiłaby to, ale nie znalazłem jeszcze działającego rozwiązania. Dzięki za pomoc!

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> 

wykorzystanie colspan załatwi Ci

Answer 2

To jest łatwiejsze: wystarczy mieć colspan na swoim elemencie th.
colspan definiuje, ile komórek element wysuwa się:

<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

to?

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