CSS: Cómo hacer que las columnas de las tablas no se achiquen

Una de las ventajas de las tablas en HTML es que se ajustan al tamaño de la pantalla que el usuario esta utilizando. Sin embargo, esto, en ocasiones, puede causarnos problemas cuando la pantalla del usuario es muy pequeña o cuando la información que desplegamos en las tablas es muy amplia y no deseamos que las columnas se achiquen.

Para lograr que las celdas de las tablas no se achiquen por el monitor del usuario, debemos usar la propiedad de CSS white-space. Por ejemplo, si queremos que ninguna tabla en nuestra página web se achique este sería el código CSS:

table tr td
{
    white-space: nowrap;
}

Deja tu comentario