Vermeiden Sie das Dehnen von Tabellenlinien mit fester Tabellenhöhe und variabler Anzahl von Zeilen?

Question

Ich habe eine Tabelle in HTML -Form. Es hat eine feste Höhe aus optischen Gründen. Die Anzahl der Zeilen in der Tabelle variiert je nach Anzahl der verfügbaren Formularfelder.

Problem: Wenn es nur sehr wenige Zeilen gibt, werden alle Zeilen vertikal gestreckt, wodurch der Raum zwischen Eingabeelementen erhöht wird.

Ich könnte dies vermeiden, indem ich den Datenreihen eine (gefälschte) feste Höhe geben. Ich mag diesen Ansatz nicht, weil es keine feste Höhe gibt, die ich ihm geben könnte (relative Schriftgrößen, Zugänglichkeit) und ich fürchte zukünftige Probleme - beispielsweise, dass der IE9 beschließt, die Zellhöhen wörtlich zu nehmen.

Was kann ich machen? Ich habe eine letzte (leere) Reihe, aber keine Ahnung, was ich dort einsetzen soll, damit sie automatisch alle "verfügbaren" Raum einnimmt.

Answer 1

Ich denke, das ist nicht machbar.

Answer 2

Legen Sie den Höhepunkt in einer DIV mit einer festen Höhe, die den Tisch nachahmt (Rand? BGColor?).

Übrigens nur tun tbody { display: inline; } Anstelle einer leeren Reihe funktioniert in allen echten Browsern. Nein, nicht in MSIE. Das tbody Das Element hat viele Mängel in MSIE. Es fehlt auch die Fähigkeit dazu overflow: scroll; Das wäre toll, einen Scroll -Tisch mit einem festen Header zu haben.

Answer 3

Könnten Sie die Zellhöhe nicht für die letzte leere Reihe auf 100% einstellen, dies sollte vermutlich dazu führen, dass die letzte Reihe den Rest des festen Raums aufnimmt

Answer 4

Ja, Tabellenbasierte Websites sind außerhalb des Alters, aber Sie benötigen noch Tabellen, um Daten anzuzeigen. Tatsächlich muss ich Pekka zustimmen, dass dies auf der Tabellenzelle selbst nicht machbar ist, aber es gibt etwas, das wir herstellen können:

Versuchen Sie, die Daten in die Daten zu wickeln td Zelle in a div und style das div bis zu der Höhe, die Sie wollen, und setzen Sie seine overflow Eigentum an hidden.