Cómo hacer que todas las filas de una mesa tengan la misma altura que la más grande

Estoy tratando de hacer que todas las filas de una tabla tengan la misma altura que la que tiene el texto más largo, expandiéndome en consecuencia.

Pero todo lo que logré es darles una altura fija después de leer esto: ¿Cómo puedo forzar que todas las filas de una tabla tengan la misma altura?

Esto significa que necesito predecir cuánto texto debo poner, lo que obviamente no es predecible. ¿Es posible con CSS o necesito usar Javascript?

preguntado el 22 de mayo de 12 a las 12:05

Definitivamente necesitaría usar JavaScript para implementar el comportamiento condicional. -

Gracias David, necesito calcular dinámicamente la altura de las filas que más se han expandido y darle esa altura a las otras filas. Intentaré publicar el resultado. (Lo siento por mi ingles) -

Sí, bastante. Aquí está un Demostración de JS Fiddle, que no merece ser publicado como respuesta ya que es esencialmente el mismo que el proporcionado por Samuel, debajo. -

1 Respuestas

No es posible con CSS puro.

Es posible hacerlo con javascript. Por ejemplo, con jQuery podrías escribir algo como

var maxHeight = null;
$(<MY LINES>).each(function() {
    var thisHeight = $(this).height();
    if(maxHeight == null || thisHeight > maxHeight) maxHeight = thisHeight;
}).height(maxHeight);

No olvide manejar los casos límite e incluir una altura máxima y mínima en sus líneas.

contestado el 22 de mayo de 12 a las 13:05

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.