将HTML表格行分成标签部分 [英] Divide HTML table rows into labelled sections

问题描述

是否有一种有效的方法将表格的行分成不同的部分，并且标签标识该部分？

例如，类似于下面的代码，但在每个TBODY的开始处有一个标题或标题（看起来标题/标题只允许在表格）

 < THEAD> 
< TR> < TH>平日及LT; / TH> < TH>日期和LT; / TH> < TH>经理< / TH> < / TR> 
< / THEAD> 
 
< TBODY> 
< TR> < TD>星期一< / TD> < TD> 09/11/2000< / TD> < TD>凯尔< / TD> < / TR> 
< TR> < TD>星期二< / TD> < TD> 09/12/2000< / TD> < TD>林赛< / TD> < / TR> 
< TR> < TD>星期三< / TD> < TD> 09/13/2000< / TD> < TD>兰迪< / TD> < / TR> 
< TR> < TD>周四< / TD> < TD> 09/14/2000< / TD> < TD>苏珊< / TD> < / TR> 
< TR> < TD>周五< / TD> < TD> 09/15/2000< / TD> < TD>兰迪< / TD> < / TR> 
< TR> < TD>周六和LT; / TD> < TD> 09/16/2000< / TD> < TD>林赛< / TD> < / TR> 
< TR> < TD>星期日及LT; / TD> < TD> 09/17/2000< / TD> < TD>苏珊< / TD> < / TR> 
< / TBODY> 
 
< TBODY> 
< TR> < TD>星期一< / TD> < TD> 09/18/2000< / TD> < TD>旋律< / TD> < / TR> 
< TR> < TD>星期二< / TD> < TD> 09/19/2000< / TD> < TD>克里斯蒂安< / TD> < / TR> 
< TR> < TD>星期三< / TD> < TD> 09/20/2000< / TD> < TD>交响乐和LT; / TD> < / TR> 
< TR> < TD>周四< / TD> < TD> 09 /二千分之二十一< / TD> < TD> Starflower< / TD> < / TR> 
< TR> < TD>周五< / TD> < TD> 09 /二千分之二十二< / TD> < TD>巫女< / TD> < / TR> 
< TR> < TD>周六和LT; / TD> < TD> 09/23/2000< / TD> < TD>克莱奥< / TD> < / TR> 
< TR> < TD>星期日及LT; / TD> < TD> 09/24/2000< / TD> < TD>爱丽克斯< / TD> < / TR> 
< / TBODY> 
 
< TBODY> 
< TR> < TD>星期一< / TD> < TD> 09/25/2000< / TD> < TD> Dancing Star< / TD> < / TR> 
< TR> < TD>星期二< / TD> < TD> 09 /二千分之二十六< / TD> < TD>黎明< / TD> < / TR> 
< TR> < TD>星期三< / TD> < TD> 09 /二千分之二十七< / TD> < TD>约什< / TD> < / TR> 
< TR> < TD>周四< / TD> < TD> 09/28/2000< / TD> < TD>瑞恩< / TD> < / TR> 
< TR> < TD>周五< / TD> < TD> 09 /二千分之二十九< / TD> < TD>玫琳凯< / TD> < / TR> 
< TR> < TD>周六和LT; / TD> < TD> 09/30/2000< / TD> < TD>海莉< / TD> < / TR> 
< TR> < TD>星期日及LT; / TD> < TD→10/01/2000< / TD> < TD>保罗< / TD> < / TR> 
< / TBODY> 
 
< / TABLE> 
  

解决方案

在整行上跨越（ colspan ）的< TH>

Is there a valid way to divide a table's rows into sections, with a label identifying that section?

For example, something like the code below, but with a header or caption at the start of each TBODY (Looks like header/captions are only allowed at the top of a table)

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

解决方案

My preferred way of doing something like that is to use a <TH> that spans (colspan) across a full row.

这篇关于将HTML表格行分成标签部分的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！