2012-02-16 16 views
20

Bir tablonun satırlarını bölümlere ayıran bir etiket var mı?HTML tablo satırlarını etiketli bölümlere bölme

Genellikle
<THEAD> 
<TR> <TH>Weekday</TH> <TH>Date</TH> <TH>Manager</TH> </TR> 
</THEAD> 

<TBODY> 
<TR> <TD>Monday</TD> <TD>09/11/2000</TD> <TD>Kelsey</TD> </TR> 
<TR> <TD>Tuesday</TD> <TD>09/12/2000</TD> <TD>Lindsey</TD> </TR> 
<TR> <TD>Wednesday</TD> <TD>09/13/2000</TD> <TD>Randy</TD> </TR> 
<TR> <TD>Thursday</TD> <TD>09/14/2000</TD> <TD>Susan</TD> </TR> 
<TR> <TD>Friday</TD> <TD>09/15/2000</TD> <TD>Randy</TD> </TR> 
<TR> <TD>Saturday</TD> <TD>09/16/2000</TD> <TD>Lindsey</TD> </TR> 
<TR> <TD>Sunday</TD> <TD>09/17/2000</TD> <TD>Susan</TD> </TR> 
</TBODY> 

<TBODY> 
<TR> <TD>Monday</TD> <TD>09/18/2000</TD> <TD>Melody</TD>  </TR> 
<TR> <TD>Tuesday</TD> <TD>09/19/2000</TD> <TD>Christiane</TD> </TR> 
<TR> <TD>Wednesday</TD> <TD>09/20/2000</TD> <TD>Symphony</TD> </TR> 
<TR> <TD>Thursday</TD> <TD>09/21/2000</TD> <TD>Starflower</TD> </TR> 
<TR> <TD>Friday</TD> <TD>09/22/2000</TD> <TD>Miko</TD>  </TR> 
<TR> <TD>Saturday</TD> <TD>09/23/2000</TD> <TD>Cleo</TD>  </TR> 
<TR> <TD>Sunday</TD> <TD>09/24/2000</TD> <TD>Alyx</TD>  </TR> 
</TBODY> 

<TBODY> 
<TR> <TD>Monday</TD> <TD>09/25/2000</TD> <TD>Dancing Star</TD> </TR> 
<TR> <TD>Tuesday</TD> <TD>09/26/2000</TD> <TD>Dawn</TD>   </TR> 
<TR> <TD>Wednesday</TD> <TD>09/27/2000</TD> <TD>Josh</TD>   </TR> 
<TR> <TD>Thursday</TD> <TD>09/28/2000</TD> <TD>Ryan</TD>   </TR> 
<TR> <TD>Friday</TD> <TD>09/29/2000</TD> <TD>Mary Kay</TD>  </TR> 
<TR> <TD>Saturday</TD> <TD>09/30/2000</TD> <TD>Hallie</TD>  </TR> 
<TR> <TD>Sunday</TD> <TD>10/01/2000</TD> <TD>Paul</TD>   </TR> 
</TBODY> 

</TABLE> 

cevap

4

Tercih ettiğim yolu tam satır boyunca bir <TH> o açıklıklı (colspan) kullanmaktır. Yalnızca bir <TBODY> bölümü bulunabileceğini söyleyen

2

kişi

Örneğin

aşağıdaki kodu gibi bir şey, ama her tbody başında bir başlık veya resim yazısı ile (başlık/başlıklar yalnızca bir tablonun en üstünde izin Görünüşe) Fazladan bir satır kullanın ve tüm sütunlara yayılacak şekilde colspan kullanın. Senin durumunda

: böyle bir şey yapmanın <tr><td colspan = "7">...</td></tr>

57

. Kodun iyi. Bir örnek daha:

<table> 
     <thead> 
       <tr> 
         <th>Fruits</th> 
         <th>Vitamin A</th> 
         <th>Vitamin C</th> 
       </tr> 
     </thead> 

     <tbody id="section1"> 
       <tr> 
         <th>Apples</th> 
         <td>98 ui</td> 
         <td>8.4 mg</td> 
       </tr> 
     </tbody> 

     <tbody id="section2"> 
       <tr> 
         <th>Oranges</th> 
         <td>295 ui</td> 
         <td>69.7 mg</td> 
       </tr> 
       <tr> 
         <th>Bananas</th> 
         <td>76 ui</td> 
         <td>10.3 mg</td> 
       </tr> 
     </tbody> 
</table> 
+3

bu anda bir cevap olarak işaretlenmiş olandan daha iyi bir cevaptır - –

+0

birden çok sütun yayılan olsun veya olmasın ya da değil ... birden fazla '' - hiç düşünmedi bu. teşekkür ederim. Bu kesinlikle belirgin bir cevap olmalı. – cheshireoctopus

+1

OP, "o bölümü belirten bir etiketle" dedi. Kod yazdım ve son iki satırın bir araya ait olduğuna dair görsel bir işaret yok. Bir şey mi eksik? –

İlgili konular