Evitare allungamento delle linee tavola con altezza del tavolo fisso e numero variabile di righe?

Question

Ho una tabella in un form HTML. Ha un'altezza fissa per ragioni estetiche. Il numero di righe della tabella varia a seconda del numero di campi modulo disponibile.

Problema: Se vi sono poche righe, tutte le righe sono allungati verticalmente, aumentando lo spazio tra gli elementi di input.

ho potuto evitare questo dando le righe di dati di un (finto) altezza fissa. Non mi piace questo approccio, perché non c'è altezza fissa ho potuto dare (dimensioni relative dei font, accessibilità) e temo problemi futuri - dice per esempio che IE9 decide di prendere alla lettera l'altezza delle celle.

Che cosa posso fare? Ho un ultima riga (vuoto) ma nessuna idea di cosa mettere in là in modo che esso occupa automaticamente tutto lo spazio "disponibile".

Answer 1

Credo che questo non è fattibile.

Answer 2

Mettere tavolo heightless in un div con altezza fissa, che imita la tavola (confine? Bgcolor?).

Tra l'altro, solo facendo tbody { display: inline; } anziché una riga vuota funziona in tutti i browser reali. No, non in MSIE. L'elemento tbody ha un sacco di difetti in MSIE. Manca anche la capacità di overflow: scroll; che sarebbe bello avere un tavolo scorrevole con un colpo di testa fissa.

Answer 3

non Potrebbe impostare l'altezza della cella al 100% per l'ultima riga vuota, questo dovrebbe presumibilmente causare che l'ultima fila per prendere il resto dello spazio fisso

Answer 4

Si, siti web in base tavolo sono oltre l'età, tuttavia si sarebbe ancora bisogno di tabelle per visualizzare i dati. In realtà io sono d'accordo con Pekka che questo non è fattibile sulla cella tabella stessa, ma c'è qualcosa che possiamo moda:

Provare avvolgendo i dati all'interno della cellula td in un div e lo stile che div all'altezza che si desidera e impostare la proprietà overflow a hidden.