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