Hallo,
folgendes Problem.
Auf meiner Webseite - ASP.NET MVC 5 - befinden sich zwei Tabellen aus Divs.
Die erste Tabelle enthält nur den Tabellenkopf mit den Überschriften der Spalten.
Die zweite Tabelle enthält die Daten, wobei jede Reihe eine eigene HTML-Form ist.
(Ich brauche für jede Reihe einen eigenen Post wenn der Inhalt bearbeitet wird, deswegen auch die Trennung zwischen Kopf und Inhalt)
Das Problem besteht nun darin, dass die Tabelle nicht dynamisch die Breite ändern kann ohne das die Zuordnung zwischen Kopf und Inhalt verschoben wird.
Gelöst hab ich die dynamik so, dass pro Reihe jeweils eine Zelle (Kopf und Inhalt) ohne Breite definiert wurde.
Enthält diese genug Inhalt (Text) nimmt sie sich den freien Raum einfach.
Dies klappt - wenn überhaupt - nur bedingt im Inhaltsteil.
Welche Möglichkeiten gibt es beide Tabellen zu synchronisieren und die ganze Browser Breite auszufüllen.
Beide Tabellen (Kopf und Inhalt) sehen wie folgt aus.
Gruss
mikeb69
folgendes Problem.
Auf meiner Webseite - ASP.NET MVC 5 - befinden sich zwei Tabellen aus Divs.
Die erste Tabelle enthält nur den Tabellenkopf mit den Überschriften der Spalten.
Die zweite Tabelle enthält die Daten, wobei jede Reihe eine eigene HTML-Form ist.
(Ich brauche für jede Reihe einen eigenen Post wenn der Inhalt bearbeitet wird, deswegen auch die Trennung zwischen Kopf und Inhalt)
Das Problem besteht nun darin, dass die Tabelle nicht dynamisch die Breite ändern kann ohne das die Zuordnung zwischen Kopf und Inhalt verschoben wird.
Gelöst hab ich die dynamik so, dass pro Reihe jeweils eine Zelle (Kopf und Inhalt) ohne Breite definiert wurde.
Enthält diese genug Inhalt (Text) nimmt sie sich den freien Raum einfach.
Dies klappt - wenn überhaupt - nur bedingt im Inhaltsteil.
Welche Möglichkeiten gibt es beide Tabellen zu synchronisieren und die ganze Browser Breite auszufüllen.
Beide Tabellen (Kopf und Inhalt) sehen wie folgt aus.
HTML-Quellcode
- <div class="leisteGrau table stil2">
- <div class="tableRow">
- <div class="tableCell breite160">
- </div>
- <div class="tableCell breite160">
- </div>
- <div class="tableCell">
- <!-- Zelle ohne feste Breite, liefert theoretisch die dynamik -->
- </div>
- <div class="tableCell breite100">
- </div>
- <div class="tableCell breite100">
- </div>
- <div class="tableCell breite100">
- </div>
- </div>
- </div>
Gruss
mikeb69