Seite 1 von 1

Widget Erstellung "Tabelle"

Verfasst: 27. Mär 2024 14:26
von toto1975
Hallo in die Runde,

ich möchte gerne ein Widget erstellen wo
- die erste Zeile 2 Spalten beinhaltet (kein Problem)
- die zweite Zeile 5 Spalten beinhaltet (kein Problem)
- die dritte Zeile 3 Spalten beinhaltet, allerdings sollte die zweite Spalte die Größe haben von der 2 - 4 Spalte in Zeile 2 haben. Im Prinzip so als wenn ich in Excel die Spalten B-D verbinde.

Habt ihr da eine Idee wie ich das machen kann?

Lieben Dank und Gruß
Torsten

Re: Widget Erstellung "Tabelle"

Verfasst: 29. Mär 2024 23:09
von oh73
in etwa so?

Code: Alles auswählen

<style>
table{
  width: 100%;

}

td{
  border: 1px solid white;
}

</style>

<!-- ********************************* Tabelle *********************** -->

<table> 
  <tr>

  <td> Spalte 1 </td>
  <td> Spalte 2 </td>
  </tr>
 </table>
 <table>
  <tr>
  <td style="width: 20%"> Sp 1 </td>
  <td style="width: 20%"> Sp 2 </td>
  <td style="width: 20%"> Sp 3 </td>
  <td style="width: 20%"> Sp 4 </td>
  <td style="width: 20%"> Sp 5 </td>
  </tr>
</table>
<table>
  <tr>
  <td style="width: 20%"> Sp 1 </td>
  <td style="width: 60%"> Sp 2-4 </td>
  <td style="width: 20%"> Sp 5 </td>
  </tr>
  
</table>