Diseño, Tutoriales, Video | 2 de octubre de 2019

Cómo Crear una Tabla con Columna Fija con HTML y CSS

Hace tiempo que no teníamos un video hablando sobre HTML y CSS, pero hoy vamos a ponernos al día hablando sobre tablas.

Ultimamente he estado trabajando en tablas bien cargadas de información y, cuando son muchas las columnas, se hace necesario habilitar un scroll horizontal.

Ahora, el problema del scroll horizontal es que cuando llegas a la columna que quiere ver se hace difícil hacer la conexión entre este dato y el de la primera columna, puedes ese dato ya no está en pantalla.

Por eso hoy aprenderemos a hacer que la primera columna de la tabla se quede fija al hacer scroll, usando la posición sticky de CSS. 

Espero que este tutorial te haya resultado de utilidad y lo puedas aplicar a tus proyectos para mejorar la usabilidad de las tablas.

Un abrazo,
@FranciscoAMK

También te podría interesar:

Sé fiel a tu visión, aunque vayas en contra de todos

El jueves de la semana pasada estábamos de compras con mi esposa cuando vi que en uno de los televisores de la sección tecnológica se veía un noticiario que mostraba imágenes de Prince. Pensé “¡Genial! Por fin vendrá a Chile”, pero cuando me acerqué al televisor para ver más detalles descubrí que la noticia era mucho […]

Seguir leyendo...

Cómo me convertí en diseñador (Mi historia)

En este video de estilo libre comparto contigo la historia que me llevó a convertirme en diseñador gráfico y luego en diseñador web freelance. Comparte conmigo tu historia en los comentarios 🙂 Un abrazo, @FranciscoAMK

Seguir leyendo...

El 2016 no tendrá objetivos sino direcciones

Ha llegado fin de diciembre y este es un momento que se presta para reflexionar sobre cómo ha ido la etapa que se termina y cómo pretendemos que sea el año que se acerca. De eso se trata este artículo. Mis objetivos (casi) siempre fallan Cada año suelo ponerme objetivos y comprometerme a realizar ciertos […]

Seguir leyendo...

Y tú ¿Qué opinas?

Puede que no te responda, pero ten por seguro que leeré tu comentario. Por si acaso, tu email no se mostrará ;)

Recibe más artículos como este cada semana

Únete a los 8.230 suscriptores y recibe cada miércoles nuevo contenido sobre diseño, sitios web y creatividad.

¡Ya estamos casi! revisa tu bandeja de entrada para verificar tu email por favor.
Uy! Parece que algo salió mal procesando tu solicitud. Recaraga la página e inténtalo de nuevo.

Ya me suscribí antes, no me muestres esto.