DEV Community

Cover image for Table sticky column in pure CSS3
Dropinks
Dropinks

Posted on • Originally published at dropinks.com

Table sticky column in pure CSS3

In web application, Table has been mostly used with options for adding multiple columns. By adding have to set few columns like name or checkbox or table header to be fixed on scrolling.

Few years ago, sticky column has been fixed from javascript or any other client side development. But now-a-days, In CSS3 itself can able to fix this sticky column using position: sticky.

For demo and gif animation check below links.

Demo: http://www.dropinks.com/demos/sticky-table-column-css/

Dribbble: https://dribbble.com/shots/13921527-Table-sticky-column-in-pure-CSS3

Top comments (0)