Sticky table header position absolute without overlap?

Question

I have a table with <thead> that I want to force still on scroll while retaining formatting, alignment and structure. I tried:

position:absolute

but that skews and overlaps everything.

Possible duplicate of [HTML table with fixed headers?](http://stackoverflow.com/questions/673153/html-table-with-fixed-headers) — Mr Lister, Mar 08 '16 at 15:28

score 0 · Answer 1 · answered Mar 03 '16 at 17:57

0

table{
  margin-top:55px
}
.hellomylady{
  position: fixed;
    top: 0;
    background: #fff;
}

answered Mar 03 '16 at 17:57

Gaurav Aggarwal

Hi, I notice the contents of the table are no longer aligned, as well as when you scroll right, it does not stick – danywigglebutt Mar 03 '16 at 18:05
the best you can do is this with table...other thing is you can make a div other then table on top of it and fix it then start table after it...i think that will be the best solution – Gaurav Aggarwal Mar 03 '16 at 18:07
maybe with a jsfiddle? – danywigglebutt Mar 03 '16 at 18:42
i dont see how that helps – danywigglebutt Mar 03 '16 at 19:13

1 Answers1