2013-02-25 60 views
6

मैं एक HTML तालिका है, जो इस तरह दिखना चाहिए बनाना चाहते हैं:एचटीएमएल टेबल में एक कॉलम हेडर के तहत 2 कॉलम कैसे शामिल करें?

enter image description here

मैं जानता हूँ कि मैं कॉल्सपन/रोस्पेन विशेषताओं का उपयोग करना होगा, लेकिन कैसे? क्या कोई मदद कर सकता है?

मैं निम्नलिखित की कोशिश की है:

<table> 
<thead> 
<tr> 
<th>Evaluation</th><th>Approval</th> 
<th colspan="2" >Points</th> 
<th>Total</th> 
<th>Date</th><th>Award Amount</th><th>Last Modified By</th> 
</tr> 
</thead> 
<tbody> 
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> 
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> 
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> 
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> 
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> 
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> 
</tbody> 
</table> 

लेकिन जैसा कि मुझे परिणाम दे रहा है है:

enter image description here

जाहिर है, मैं 3 हैडर (अंक) में सबहेडर की जरूरत है, कैसे इस लक्ष्य को हासिल करने के लिए ?

+2

अपने प्रयास को दिखाने करें। –

उत्तर

4

इस तालिका fullstructure

<table> 
    <tr> 
     <td rowspan="2"></td> 
     <td rowspan="2"></td> 
     <td colspan="2"></td> 
     <td rowspan="2"></td> 
     <td rowspan="2"></td> 
     <td rowspan="2"></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
    </tr> 
</table> 

धन्यवाद है ...

+4

यह स्वीकार्य उत्तर कैसे है? यहां सचमुच कोई जवाब नहीं है। –

+0

< टीडी rowspan = "2">

+0

वास्तव में वहाँ कोड था। आकस्मिक रूप से इसे खो दिया ... –

16
इस तरह

:

<table> 
    <thead> 
     <tr> 
      <th rowspan="2">Evaluation</th> 
      <th rowspan="2">Approval</th> 
      <th colspan="2">Points</th> 
      <th rowspan="2">Total</th> 
      <th rowspan="2">Date</th> 
      <th rowspan="2">Award Amount</th> 
      <th rowspan="2">Last Modified By</th> 
     </tr> 
     <tr> 
      <th>Tangible</th> 
      <th>Intangible</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>Al/GL</td> 
      <td>Select</td> 
      <td>col1</td> 
      <td>col2</td> 
      <td>col3</td> 
      <td>col4</td> 
      <td>col5</td> 
      <td>col6</td> 
     </tr> 
    </tbody> 
</table> 
+1

हाँ यह है !! हल किया। बहुत धन्यवाद। –