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:

Definamos un objetivo y definámoslo claro

Cuando estudié diseño,  tuve un profesor que rechazaba la mayoría de las ideas que los alumnos le presentábamos. El motivo de este rechazo siempre fue que no teníamos un foco u objetivo claro al que apuntar. El profesor siempre decía: Trabaja en un sólo concepto, tienes el resto de tu vida para trabajar en los otros conceptos […]

Seguir leyendo...

Usar plantillas de página en custom post types de WordPress

Sigo avanzando en el rediseño de mi sitio y me he encontrado con un nuevo desafío: la necesidad de usar plantillas de página en un custom post type. A primera vista parece algo sencillo, pero me sorprendí al notar que WordPress no soporta esta característica de manera nativa. Déjame darte algo de contexto. ¿Qué es […]

Seguir leyendo...

¿Tu sitio web habla directamente a tu cliente ideal?

Antes de crear un sitio web y antes de realizar cualquier tipo de cambio en uno existente es importante saber a quien le estamos hablando. A quien queremos que nuestro mensaje llegue. Como proveedores de servicios de diseño web, siempre vamos a querer que nuestro mensaje resuene y haga el mayor sentido con aquellas personas […]

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.322 suscriptores y recibe cada miércoles nuevo contenido sobre diseño, sitios web y creatividad.

Ya me suscribí antes, no me muestres esto.