Ranter
Join devRant
Do all the things like
++ or -- rants, post your own rants, comment on others' rants and build your customized dev avatar
Sign Up
Pipeless API
![](/static/devrant/img/pipeless-devrant-banner-white.png)
From the creators of devRant, Pipeless lets you power real-time personalized recommendations and activity feeds using a simple API
Learn More
Comments
-
rozzzly16718ytry
https://sitepoint.com/responsive-da...
or
https://codepen.io/jgx/pen/wiIGc
^ (uses js which I think can be avoided in semimodern browsers?) but is that the effect your looking for? -
It would be a challenge for little gain. I personally wouldn't fix the table header row on phone/tablet as I wouldn't consider it imperative. An acceptable compromise on touch devices. But that's just me.
-
rozzzly16718yI agree with @helloworld, but if bossman demands it's...
Looks like you're going to be spending a painful day in devtools comparing. I can't go through and read the codepen that I sent you right now, but is the issue, that the CSS "methods" aka hacks the used to achive the desired effect our incompatible with bootstrap.. Or is it just that the js proportion doesn't plug-n-play with whatever bootstrap js your running?
!important;
Using bootstrap I want to create a table so that the thead is fixed and no matter how many rows are generated on loop , the thead will align properly with the tbody. I will keep the thead fixed so that only body will scroll vertically.
So the problem is on a responsive table how do I match the cell alignment and spacing of the head to the body cells.
Have wasted a day on this fed up. P.S on smaller screens I have set overflow to scroll vertically. Please help.
undefined