Saltar al contenido

¿Cómo establecer dinámicamente el ancho de una columna de tabla html según su contenido de texto?

Este dilema se puede abordar de variadas maneras, pero en este caso te mostramos la resolución más completa en nuestra opinión.

Solución:

Si quieres el ancho de tu td para cambiar dinámicamente de acuerdo con su texto, entonces no debe dar ningún ancho predefinido para el td elemento.

En este ejemplo, puedes ver que la primera td tiene un texto largo, así que todo td‘s dentro de la misma columna tendrán su ancho establecido de acuerdo con el más largo td en la misma columna.

Al final, todo se reduce a la experiencia del usuario. ¿Preferiría el usuario td‘s con diferentes anchos o preferiría el usuario td‘s con dimensiones iguales donde una información sobre herramientas mostraría el texto completo en caso de que sea más largo que el ancho de la td. Eso, amigo mío, es una elección que tendrás que hacer 🙂

Te invitamos a añadir valor a nuestra información añadiendo tu experiencia en las interpretaciones.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *