Complex Tabelle rowspan und colspan zeigen folgendes Bild

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<style> 
 
table, th, td { 
 
    border: 1px solid black; 
 
} 
 
td, th{ 
 
    height: 20px; 
 
    width: 80px; 
 
} 
 
</style> 
 
</head> 
 
<body> 
 

 
<table> 
 
    <tr> 
 
    <td></td> 
 
    <td></td> 
 
    <td></td> 
 
    </tr> 
 
    <tr> 
 
    <td></td> 
 
    <td colspan="2"></td> 
 
    </tr> 
 
    <tr> 
 
    <td rowspan="2"></td> 
 
    <td colspan="2"></td> 
 
    </tr> 
 
    <tr> 
 
    <td colspan="2" rowspan="2"></td>  
 
    </tr> 
 
    <tr>  
 
    <td></td> 
 
    </tr> 
 
    <tr>  
 
    <td rowspan="2" colspan="3"></td> 
 
    </tr> 
 
</table> 
 
    
 
</body> 
 
</html>

Das Bild enthält, das gewünschte Ergebnis, die von der code.I erzeugt werden sollte den folgenden Code geschrieben haben, aber irgendwie die rowspan und colspan sind nicht zusammenarbeiten und einige andere Ausgaben werden generiert. Das Bild ist zeigen in den folgenden Link: - https://drive.google.com/file/d/0B3C84zpiG_wXVEVKU3ZlRFVBd00/view?usp=sharing

Quelle

2016-05-26 Aalind Sharma

Wie folgt: https://jsfiddle.net/21wd6ae7/ –

ich geschaffen habe, dass Struktur rowspan & colspan verwenden, überprüfen Sie bitte, updated fiddle

ODER

Below Code:

td{ 
 
    padding:10px; 
 
    text-align:center; 
 
    background:#CCC; 
 
}

<table border="1" cellpadding="0" cellspacing="0" width="100%"> 
 
    \t <tr> 
 
     \t <td> 
 
    \t   Colspan 1 
 
      </td> 
 
     \t <td> 
 
    \t   Colspan 1 
 
      </td> 
 
     \t <td> 
 
    \t   Colspan 1 
 
      </td> 
 
     </tr> 
 
    \t <tr> 
 
     \t <td> 
 
    \t   Colspan 1 
 
      </td> 
 
     \t <td colspan="2"> 
 
    \t   Colspan 2 
 
      </td> 
 
     </tr> 
 
    \t <tr> 
 
     \t <td rowspan="2"> 
 
      \t Rowspan 2 
 
      </td> 
 
     \t <td colspan="2"> 
 
      \t Colspan 2 
 
      </td> 
 
     </tr> 
 
    \t <tr> 
 
     \t <td colspan="2" rowspan="2"> \t   
 
      \t Colspan 1 <br> Rowspan 2 
 
      </td> 
 
     </tr> 
 
    \t <tr> 
 
     \t <td> \t   
 
      \t Colspan 1 
 
      </td> 
 
     </tr> 
 
    \t <tr> 
 
     \t <td colspan="3" rowspan="3"> 
 
      \t Colspan 3 <br> Rowspan 3 
 
      </td> 
 
     </tr> \t \t \t 
 
    </table>

Quelle

2016-05-26 13:14:26

Letzte Zeilenspanne, ist es notwendig? –

welche Reihenspanne ?? dieser eine Colspan 3
Rowspan 3? –

Letzte. Prüfe [Fiddle] (https://jsfiddle.net/21wd6ae7/2/). –

Complex Tabelle rowspan und colspan zeigen folgendes Bild

Antwort

Verwandte Themen