Meine Daten wie dieseWie Tabelle auf der Klasse machen basierend
ist<div class="fl1">floor 1</div>
<div class="fl2">floor 2</div>
<div class="fl2">floor 2</div>
<div class="fl2">floor 2</div>
<div class="fl3">floor 3</div>Ist es möglich, sie wie dieses
anzuzeigen Hauptsächlich Sie haben Verwenden Sie Colspan
<table >
<tr>
<td colspan="3" style="width:100%">TEXT</td>
</tr>
<tr>
<td >TEXT</td><td >TEXT</td><td >TEXT</td>
</tr>
<tr>
<td colspan="3" style="width:100%">TEXT</td>
</tr>
</table>
tabelle, th, td { bord: 1px einfarbig schwarz; }
Versuchen Sie dies, mit div und flex.
.cont{
width:200px;
height:100%;
border-style: solid;
}
.f1{
border-style:solid;
margin: 2px;
}
.fl2{
border-style:solid;
width:100%;
margin:2px;
}
.cont2{
display:flex;
}<div class="cont">
<div class="f1">floor1</div>
<div class="cont2">
<div class="fl2">floor2</div>
<div class="fl2">floor3</div>
<div class="fl2">floor4</div>
</div>
<div class="f1">floor5</div>
</div>Auf diese Weise grundsätzlich:
<div style="width:500px;border-style:double">
<div style="border-style:solid;border-width: 1px;">
<div>floor 1</div>
</div>
<div style="display:inline-block; padding-top:2px;padding-left:1px">
<div style="float:left;width:100px;border-width:1px;border-style:solid">floor 2</div>
<div style="float:left;width:100px;border-width:1px;border-style:solid; margin-left:1px">
floor 2</div>
<div style="float:left;width:100px;border-width:1px;border-style:solid; margin-left:1px">floor 2</div>
</div>
<div style="border-style:solid;border-width: 1px;">
<div>floor 1</div>
</div>
</div>
Das Problem ist, die Daten aus der Sharepoint-Liste abgerufen wird. Es verwendet xslt, um die div-Tags zu generieren. Es weiß nicht, wie viele Einheiten auf jeder Etage sind. Es kann nur Daten wie beschrieben ausgeben. Ich frage mich, ob es möglich ist, css-Stil oder Javascript zu verwenden, um Zellen basierend auf der Klasse zu organisieren: Zellen mit derselben Klasse werden in derselben Zeile platziert. – user3926278
Sie müssen nur CSS und Javascript verwenden, um die gleiche Ausgabe zu machen? –
I Ich möchte grundsätzlich fragen, ob es möglich ist, eine Tabellenstruktur basierend auf den Klassen mit HTML, CSS, Javascript oder irgendetwas, das im Browser des Benutzers ausgeführt wird, zu erstellen – user3926278