2016-10-09 2 views
-4

Ich habe eine Tabelle, jetzt muss ich andere Tabelle/div oder stm in der Tabelle einfügen, die ich habe, so sollte es wie im angehängten Bild aussehen.Wie man eine zweite Tabelle innerhalb der Primärtabelle unter tr Zeile hinzufügt

table

Ich habe bereits gemacht Tisch, und weiß nicht, wie unten grün Reihe graue Farbe Tabelle einzufügen. Ich habe versucht, einfügen Tabelle in TD, aber es funktioniert nicht. Dann mache ich ein div's mit Display: Tabelle, es sieht fast gut aus, aber die Preise Zelle Ausrichtung ist schlecht. Wie Sie im Bild sehen, müssen alle Preise (300, 343, 300) dieselbe Zellengröße haben.

Ich brauche nur ein einfaches Beispiel, wie ich das tun könnte, wie in Bild gezeigt. Mein Tisch ist Breite: 100%;

Sry für keinen Code, brauchen nur ein Beispiel

+0

Sie Ihren Code schreiben, bitte. – SeinopSys

+0

Wenn Sie eine Frage zu SO veröffentlichen, müssen Sie zuerst den Code posten, den Sie ausprobiert haben, um Ihr Problem zu lösen. Wir können Ihnen helfen, Code zu reparieren, der nicht funktioniert, aber nicht für Sie schreiben. Danke –

Antwort

0

Sie zum Beispiel Code unten für graue Zeile verwenden:

<tr> 
    <td></td> 
    <td colspan="8"> your gray table </td> 
    <td></td> 
</tr> 
+0

Ja, das funktioniert fast, aber Währungszellen hatten nicht die gleiche Größe, also füge ich die Breiteneigenschaften für beide Zellen hinzu. –

0

Hier ist ein sehr einfaches Beispiel, indem eine Tabelle in einer anderen Tabelle.

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<style> 
 
table, th, td { 
 
    border: 1px solid black; 
 
    border-collapse: collapse; 
 
} 
 
th, td { 
 
    padding: 5px; 
 
} 
 
</style> 
 
</head> 
 
<body> 
 

 
<table> 
 
    <tr> 
 
    <td>Table inside another table 
 
     <table> 
 
     <tr> 
 
      <td>A</td> 
 
      <td>B</td> 
 
     </tr> 
 
     <tr> 
 
      <td>C</td> 
 
      <td>D</td> 
 
     </tr> 
 
     </table> 
 
    </td> 
 
    </tr> 
 
</table> 
 

 
</body> 
 
</html>

Verwandte Themen