¿Evitar el estiramiento de las líneas de la mesa con una altura de mesa fija y un número variable de filas?

Question

Tengo una tabla en formato HTML.Tiene una altura fija por motivos ópticos.El número de filas de la tabla varía según el número de campos del formulario disponibles.

Problema:Si hay muy pocas filas, todas las filas se estiran verticalmente, aumentando el espacio entre los elementos de entrada.

Podría evitar esto dando a las filas de datos una altura fija (falsa).No me gusta ese enfoque porque no hay una altura fija que pueda darle (tamaños de fuente relativos, accesibilidad) y temo problemas futuros; digamos, por ejemplo, que IE9 decide tomar las alturas de las celdas literalmente.

¿Qué puedo hacer?Tengo una última fila (vacía) pero no tengo idea de qué poner allí para que ocupe automáticamente todo el espacio "disponible".

Answer 1

Supongo que esto no es factible.

Answer 2

Ponga la mesa heightless en un div con una altura fija que imita la mesa (frontera? Bgcolor?).

Por cierto, sólo haciendo tbody { display: inline; } en lugar de una fila vacía que funciona en todos los navegadores reales. No, no en MSIE. El elemento tbody tiene muchas deficiencias en MSIE. También carece de la capacidad de overflow: scroll; que sería bueno tener una mesa desplazable con una cabecera fija.

Answer 3

No se pudo establecer que la altura de la celda al 100% para la última fila vacía, esto presumiblemente debería causar que la última fila para asumir el resto del espacio fijo

Answer 4

Sí, los sitios web basados ​​en tablas tienen edades avanzadas, sin embargo, aún necesitarías tablas para mostrar datos.De hecho, estoy de acuerdo con Pekka en que esto no se puede hacer en la celda de la tabla, pero hay algo que podemos diseñar:

Intente envolver los datos dentro del td celda en una div y estilo que div a la altura que desee y establezca su overflow propiedad a hidden.