---
title: "Comment by Thomas Williams on \"Really Responsive Tables using CSS3 Flexbox\" | Hashnode"
description: "I really like this idea. I have started to use flexbox to make 2 column lists rather than the float method. Now I like the idea of this table, and I like the wa"
url: "https://hashnode.com/posts/really-responsive-tables-using-css3-flexbox/56ab0b76960088c21db4d82c/comment/57694f4fce293c3093220aec"
---

[Discussion](https://hashnode.com/posts/really-responsive-tables-using-css3-flexbox/56ab0b76960088c21db4d82c)

Comment [Really Responsive Tables using CSS3 Flexbox](https://hashnode.com/posts/really-responsive-tables-using-css3-flexbox/56ab0b76960088c21db4d82c)

[Thomas Williams](https://hashnode.com/@Asimov500)

[Jun 21, 2016](https://hashnode.com/posts/really-responsive-tables-using-css3-flexbox/56ab0b76960088c21db4d82c/comment/57694f4fce293c3093220aec)

I really like this idea. I have started to use flexbox to make 2 column lists rather than the float method. Now I like the idea of this table, and I like the way it compresses, but is it possible to use this method on a scrolling table, where the header stays at the top and the data scrolls. I use this kind of table a lot and at the moment I sometimes use css divs or jQuery hacks to get around the problem.

[Vasan Subramanian](https://hashnode.com/@vasan)

[Jun 22, 2016](https://hashnode.com/posts/really-responsive-tables-using-css3-flexbox/56ab0b76960088c21db4d82c/comment/57694f4fce293c3093220aec#reply-576a5a4c529a54a6d98fad36)

Yes, it is possible to do a fixed-header table, and I have done it too. But it does involve jQuery hacks (to find the scroll position) and CSS fixed positioning. And, because the header height varies, it makes it all the more complicated ... no simple straightforward way, I am afraid.

[GCat](https://hashnode.com/@gregcatalano)

[Jul 3, 2016](https://hashnode.com/posts/really-responsive-tables-using-css3-flexbox/56ab0b76960088c21db4d82c/comment/57694f4fce293c3093220aec#reply-577868951903e2401408761e)

Please check my comment below.
