2013-02-25 10 views
6

Chcę utworzyć tabelę HTML, który powinien wyglądać tak:Jak uwzględnić 2 kolumny w jednym nagłówku kolumny w tabeli html?

enter image description here

wiem, że muszę używać colspan/rowspan atrybuty, ale jak? Czy ktoś może pomóc?

Próbowałem następujące:

<table> 
<thead> 
<tr> 
<th>Evaluation</th><th>Approval</th> 
<th colspan="2" >Points</th> 
<th>Total</th> 
<th>Date</th><th>Award Amount</th><th>Last Modified By</th> 
</tr> 
</thead> 
<tbody> 
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> 
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> 
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> 
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> 
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> 
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> 
</tbody> 
</table> 

ale daje mi wynik:

enter image description here

Oczywiście, muszę do nagłówka w 3 nagłówku (punkty), jak to osiągnąć ?

+2

Proszę pokazać swoją próbę. –

Odpowiedz

4

Jest to fullstructure stolik

<table> 
    <tr> 
     <td rowspan="2"></td> 
     <td rowspan="2"></td> 
     <td colspan="2"></td> 
     <td rowspan="2"></td> 
     <td rowspan="2"></td> 
     <td rowspan="2"></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
    </tr> 
</table> 

dzięki ...

+4

Jak to jest zaakceptowana odpowiedź? Tutaj dosłownie nie ma odpowiedzi. –

+0

< td rowspan = "2">

+0

faktycznie tam był kod. Przypadkowo zgubiłem ... –

16

Jak to:

<table> 
    <thead> 
     <tr> 
      <th rowspan="2">Evaluation</th> 
      <th rowspan="2">Approval</th> 
      <th colspan="2">Points</th> 
      <th rowspan="2">Total</th> 
      <th rowspan="2">Date</th> 
      <th rowspan="2">Award Amount</th> 
      <th rowspan="2">Last Modified By</th> 
     </tr> 
     <tr> 
      <th>Tangible</th> 
      <th>Intangible</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>Al/GL</td> 
      <td>Select</td> 
      <td>col1</td> 
      <td>col2</td> 
      <td>col3</td> 
      <td>col4</td> 
      <td>col5</td> 
      <td>col6</td> 
     </tr> 
    </tbody> 
</table> 
+1

Tak, to jest to !! Rozwiązany. Wielkie dzięki. –

Powiązane problemy