मैं कैसे तालिका में पंक्तियों के भीतर पंक्तियों प्रदर्शित कर सकते हैं?

Question

मैं इस तालिका में सामान्य शीर्षकों के प्रभाव देने के लिए और उसके बाद इस तरह के तीन श्रेणियों में शीर्षक का उप-विभाजन कोशिश कर रहा हूँ। तालिका को इस उपविभाग को अंत तक सभी तरह से जारी रखना चाहिए। मुझे लगता है कि मैं शायद एक पंक्ति सम्मिलित करने के भीतर एक तालिका सम्मिलित कर सकते हैं, लेकिन अपने आप को टेबल के साथ परिपूर्ण करने के लिए नहीं करना चाहती। वहाँ एक रास्ता एक सरल तरीके से इस असर पाने के लिए है?

Answer 1

आप कॉल्सपन उपयोग कर सकते हैं और रोस्पेन स्थापित करने के लिए कितनी दूर प्रत्येक कोशिका पंक्तियों और स्तंभों के पार चला जाता है जिम्मेदार बताते हैं।

उदाहरण के लिए:

<table> 
    <tbody> 
    <tr> 
     <td rowspan="2">Top Left Header</td> 
     <td colspan="3">Call Standard</td> 
    </tr> 
    <tr> 
     <td>Flagged</td> 
     <td>Percent</td> 
     <td>Days</td> 
    </tr> 
    </tbody> 
</table> 

ध्यान दें कि तालिका 4 कॉलम के साथ समाप्त होता है। पहली पंक्ति एक कॉलम को परिभाषित करती है जो 2 पंक्तियों को पार करती है, और एक स्तंभ जो 3 कॉलम पार करता है।

दूसरी पंक्ति सिर्फ "लापता" स्तंभ भर देता है; पहले को अनदेखा करना क्योंकि इसे पहले परिभाषित किया गया था।

Answer 2

Colspan, Rowspan, या Table-Nesting *।

* टेबल-घोंसले घृणास्पद है, लेकिन कभी-कभी जटिल श्रृंखला 'कोल्स्पैन और पंक्तियों की तुलना में काम करना आसान होता है।

Answer 3

HTML standard द्वारा परिभाषित "colspan" का उपयोग करने के बारे में कैसे? आप इसे "कॉल मानक" नामक सेल पर लागू करेंगे और परिभाषित करेंगे कि इसे 3 से अधिक कोशिकाओं में फैलाया जाना चाहिए।

Answer 4

आपके पास कोई और आंतरिक तालिका नहीं है ... आपके पास पूर्ण तालिका पंक्ति के रूप में छोटी पंक्ति हो सकती है, और इसमें हेडर सेल हैं जो rowspan को उपनाने के लिए उप-विभाजित नहीं करते हैं (और तदनुसार ऊपर colspan का उपयोग करें और कोशिकाओं के नीचे)।

Answer 5

आप इस लक्ष्य को हासिल करने के लिए रोस्पेन और कॉल्सपन उपयोग कर सकते हैं:

<table> 
    <tr> 
     <td rowspan="2">Column 1 Heading</td> 
     <td colspan="3">Call Standard</td> 
     <td rowspan="2">Column 3 Heading</td> 
    </tr> 
    <tr> 
     <td>Flagged</td> 
     <td>Percent</td> 
     <td>Days</td> 
    </tr> 
    <tr> 
     <td>Column 1 Value</td> 
     <td>4</td> 
     <td>1%</td> 
     <td>6</td> 
     <td>Column 3 Value</td> 
    </tr> 
</table>