2016-04-06 3 views
0

Warum funktioniert der folgende HTML-Code nicht für Usig Colspan in der Tabelle?HTML-Fehler entstehen für dieses Programm containig Tabelle und colspan

<html> 
    <head> 
     <title>table</title> 
    </head> 

    <body>  
     <table height="200" width="200" border="1">  
      <tr> 
       <td colspan="9">EXAM SCHEDULE</td> 
      </tr> 

      <tr> 
       <td colspan="3">D</td> 
       <td colspan="4">T</td> 
       <td colspan="2">V</td> 
      </tr>  
     </table> 
    </body> 
</html> 

Das ist, was ich aus dem Code erhalten:

enter image description here

+0

Was ist die erwartete Ausgabe? –

+0

colspan haben unterschiedliche Werte, aber in der Ausgabe ist colspan für alle gleich –

Antwort

0

Es in Ihrem HTML außer einigen unerwünschten html, Body-Tags gibt es, die ich entfernt haben, aber man konnte keine größeren Fehler in der Lage sein, den Unterschied erst nach dem Hinzufügen weiterer Spalten wie dem folgenden HTML-Code zu sehen:

<html> 
<head> 
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script> 
<title>table</title> 
</head> 

<body>  
<table height="200" width="200" border="1"> 

<tr> 
<td colspan="9">EXAM SCHEDULE</td> 
</tr> 

<tr> 
<td colspan="3">D</td> 
<td colspan="4">T</td> 
<td colspan="2">V</td> 
</tr> 
<tr> 
<td>t1</td> 
<td>u1</td> 
<td>g1</td> 
<td>t2</td> 
<td>u2</td> 
<td>g2</td> 
<td>u2</td> 
<td>t4</td> 
<td>u4</td> 
</tr> 
</table> 
    <script> 
    $(function(){ 
    $(document).on("click",".seat",function(){ 
     alert($(this).parent().find('.green').length); 
    }); 
}); 
    </script> 
</body> 
</html> 
1

Was ist die erwartete Ausgabe? Der Code weist keine Syntaxfehler auf.

Tabellenzellen können sich über mehrere Spalten oder Zeilen erstrecken. Die Attribute COLSPAN ("wie viele über") und ROWSPAN ("wie viele abwärts") geben an, wie viele Spalten oder Zeilen eine Zelle belegen soll.

Also, EXAM SCHEDULE wie mit colspan = 9 angegeben wird 9 Spalten verwenden. Es wird insgesamt 9 Spalten nach dem Code geben.

Verwandte Themen