0

I have Html table with 12 columuns and with 15 - 30 no of rows. I need to make header and subHeader as fixed while scrolling.

i tried with overflow-y:auto; and position:fixed but content is getting moving along with header.

http://jsfiddle.net/1nteger/9LouLesp/8/

#myTable {
  width: 100%;
}

#Header {
  /*position:fixed;*/
}

#SubHeader {
  /*position:fixed;*/
}

.content {
  /*overflow-y:scroll*/
}
1nteger
  • 839
  • 9
  • 15
  • Can you provide some HTML aswell, are you using the tag or are you creating your own table with divs?
     – Ricky Sep 02 '16 at 15:56
  • 1
    Here, I found JSfFiddle with the nice example. https://jsfiddle.net/dPixie/byB9d/3/ – Vcasso Sep 02 '16 at 16:01
  • 1
    this issue is probably resolved here. http://stackoverflow.com/questions/4709390/table-header-to-stay-fixed-at-the-top-when-user-scrolls-it-out-of-view-with-jque – rmarif Sep 02 '16 at 16:13
  • Ricky@ I am trying to make header fixed.. like this example http://www.fixedheadertable.com/.. without using jquery with simple css.. :( – 1nteger Sep 16 '16 at 16:42

0 Answers0