jQuery sticky plugin can be used to keep HTML table header to stay fixed at the top when user scrolls. jQuery sticky plugin can be downloaded from: github.com/walmik/jquery.sticky You need to copy jquery.sticky.min.js and style.css to your working directory. (Sometimes I found table header not align with body well when scrolling down. I slightly modify jquery.sticky.js and directly use jquery.sticky.js, for example I found my table header 10% less when I scrolled down, in this case in jquery.sticky.js line 91 change $(firstRowThArr[i]).width(width); to $(firstRowThArr[i]).width(Number(width)*1.1); ) More about this video: jiansenlu.blogspot.com/2014/07/table-header-to-stay-fixed-at-top-when.html

Be the first to comment