विभाजन एचटीएमएल

में दो कॉलम में एक मेज सेल मैं निम्न तालिका है:विभाजन एचटीएमएल

<table border="1"> 
    <tr> 
    <th scope="col">Header</th> 
    <th scope="col">Header</th> 
    <th scope="col">Header</th> 
    </tr> 
    <tr> 
    <th scope="row">&nbsp;</th> 
    <td>&nbsp;</td> 
    <td>Split this one into two columns</td> 
    </tr> 
</table>

और मैं सेल जिसमें विभाजित करना चाहते दो कोशिकाओं/कॉलम में "स्प्लिट दो कॉलम में यह एक"। यह कैसे करना है?

Fiddle

स्रोत

2013-10-01 user1038814

परिभाषित करें "दो कॉलम में विभाजित"। कौन से कॉलम? यदि आपका मतलब है कि आप तालिका में एक कॉलम जोड़ना चाहते हैं और सेल सामग्री का हिस्सा नए कॉलम में ले जाना चाहते हैं, तो समस्या क्या हो सकती है? प्रत्येक पंक्ति में एक सेल जोड़कर, कॉलम जोड़ें। –

इस http://jsfiddle.net/8ha9e/1/

की तरह 3 <th> को colspan="2" जोड़े और फिर अपने को दूसरी पंक्ति में 4 <td> की है।

<table border="1"> 
    <tr> 
    <th scope="col">Header</th> 
    <th scope="col">Header</th> 
    <th scope="col" colspan="2">Header</th> 
    </tr> 
    <tr> 
    <th scope="row">&nbsp;</th> 
    <td>&nbsp;</td> 
    <!-- The following two cells will appear under the same header --> 
    <td>Col 1</td> 
    <td>Col 2</td> 
    </tr> 
</table>

स्रोत

2013-10-01 11:59:22 MrMisterMan

बदलें <td> इस तरह देखने के लिए विभाजित किया जा करने के लिए:

<td><table><tr><td>split 1</td><td>split 2</td></tr></table></td>

स्रोत

2013-10-01 11:59:58 cameronjonesweb

आपके पास दो विकल्प।

शीर्षक में एक अतिरिक्त स्तंभ का उपयोग करें, और अपने शीर्षक में <colspan> का उपयोग दो या अधिक स्तंभों के लिए एक सेल फैलाने के लिए।
td अंदर एक <table> 2 के साथ स्तंभ सम्मिलित करें आप में अतिरिक्त कॉलम चाहते हैं।

स्रोत

2013-10-01 12:00:13

कि क्या आपके की तलाश में है?

<table border="1"> 
<tr> 
<th scope="col">Header</th> 
<th scope="col">Header</th> 
<th scope="col" colspan="2">Header</th> 
</tr> 
<tr> 
<th scope="row">&nbsp;</th> 
<td>&nbsp;</td> 
<td>Split this one</td> 
<td>into two columns</td> 
</tr> 
</table>

स्रोत

2013-10-01 12:02:19 GMZ

इस उदाहरण का प्रयोग करें, तो आप http://hypermedia.univ-paris8.fr/jean/internet/ex_table.html पर

<TABLE BORDER> 
    <TR> 
     <TD>Item 1</TD> 
     <TD>Item 1</TD> 
     <TD COLSPAN=2>Item 2</TD> 
    </TR> 
    <TR> 
     <TD>Item 3</TD> 
     <TD>Item 3</TD> 
     <TD>Item 4</TD> 
     <TD>Item 5</TD> 
    </TR> 
</TABLE>

अधिक उदाहरण colspan विशेषता के साथ विभाजित कर सकते हैं।

स्रोत

2013-10-01 12:03:13

इस के साथ समस्या यह है कि मैं टेबल हेडर पर क्लिक करने के लिए दोनों टीडीएस कैसे क्रमबद्ध करता हूं, – PirateApp

कृपया निम्न तरीके से प्रयास करें।

<table> 
    <tr> 
    <th>Month</th> 
    <th>Savings</th> 
    </tr> 
    <tr> 
    <td>January</td> 
    <td>$100</td> 
    </tr> 
    <tr> 
    <td>February</td> 
    <td>$80</td> 
    </tr> 
    <tr> 
    <td colspan="2">Sum: $180</td> 
    </tr> 
</table>

स्रोत

2017-07-06 09:00:15

मैं यहां एक समान समस्या के लिए आया था जो मुझे अपने टेबल हेडर के साथ सामना कर रहा था।

@ श्रीमिस्टरमन का जवाब, साथ ही अन्य, वास्तव में सहायक थे, लेकिन सीमाएं मेरे खेल को मार रही थीं। इसलिए, मैंने rowspan उपयोग करने के लिए कुछ शोध किया।

यहां मैंने जो किया और मुझे लगता है कि इससे दूसरों को समान कुछ सामना करने में मदद मिल सकती है।

<table style="width: 100%; margin-top: 10px; font-size: 0.8em;" border="1px"> 
 
    <tr align="center" > 
 
     <th style="padding:2.5px; width: 10%;" rowspan="2">Item No</th> 
 
     <th style="padding:2.5px; width: 55%;" rowspan="2">DESCRIPTION</th> 
 
     <th style="padding:2.5px;" rowspan="2">Quantity</th> 
 
     <th style="padding:2.5px;" colspan="2">Rate per Item</th> 
 
     <th style="padding:2.5px;" colspan="2">AMOUNT</th> 
 
    </tr> 
 
    <tr> 
 
     <th>Rs.</th> 
 
     <th>P.</th> 
 
     <th>Rs.</th> 
 
     <th>P.</th> 
 
    </tr> 
 
</table>

स्रोत

2017-10-15 05:41:11 lU5er

विभाजन एचटीएमएल

उत्तर

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