2012-02-16 15 views
20

क्या उस अनुभाग की पहचान करने वाले लेबल के साथ तालिका की पंक्तियों को खंडों में विभाजित करने का कोई वैध तरीका है?HTML तालिका पंक्तियों को लेबल वाले अनुभागों में विभाजित करें

उदाहरण के लिए, नीचे दिए गए कोड की तरह कुछ है, लेकिन हर tbody के शुरू में एक शीर्ष लेख या शीर्षक के साथ (ऐसा लगता है कि शीर्ष लेख/कैप्शन केवल एक तालिका के शीर्ष पर अनुमति दी जाती है)

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

उत्तर

4

ऐसा कुछ करने का मेरा पसंदीदा तरीका एक पूर्ण पंक्ति में एक <TH> कि फैला (colspan) का प्रयोग है।

2

आम तौर पर लोग एक अतिरिक्त पंक्ति का उपयोग करें और सभी कॉलम भरने के लिए colspan का उपयोग करें।

आपके मामले में: <tr><td colspan = "7">...</td></tr>

57

HTML5 specification यह नहीं कह रहा है कि केवल <TBODY> अनुभाग हो सकता है। आपका कोड ठीक है। एक और उदाहरण:

<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

यह एक है कि वर्तमान में एक जवाब के रूप में चिह्नित किया गया है की तुलना में बेहतर जवाब है - नहीं किया जाए या नहीं एकाधिक स्तंभों में फैली है या –

+0

... एक से अधिक '' - कभी नहीं माना इस। धन्यवाद। यह निश्चित रूप से चिह्नित जवाब होना चाहिए। – cheshireoctopus

+1

ओपी ने कहा "उस खंड की पहचान करने वाले लेबल के साथ"। मैंने आपको कोड फिसल दिया और कोई दृश्य संकेत नहीं है कि आखिरी दो पंक्तियां एक साथ हैं। क्या मैं कुछ भूल रहा हूँ? –

संबंधित मुद्दे