GitHub - bill876/floatThead: fixed <thead>. Doesn't need any custom css/html

jquery.floatThead 2.0.3

#Documentation & Examples: http://mkoryak.github.io/floatThead/

Float the table header on scroll. No changes to your HTML/CSS are required, it just works. Supports floating the header while scrolling within the window or while scrolling within a container with overflow. Supports responsive tables.

😻My cat loves it😻

Install

Package managers

npm install floatthead
bower install floatThead

Things this plugin does:

Works on tables within a scrollable container or whole window scrolling
Works with responsive table wrappers
Works with dynamically hidden/added/removed columns
Doesn't clone the thead - so your events stay bound
Doesn't mess with your styles, and doesnt require any css
Works with border-collapse variants, weird margins, padding and borders
Works with libs like datatables, perfect-scrollbar, bootstrap3, and many more
Header can be floated with position:absolute which adds a wrapper, or position:fixed which does not. Both have their pros and cons. By default the best option is chosen based on your configuration

Things this plugin does NOT do:

Does not float the footer
Does not let you lock the first column like in excel
Safari and mobile safari are not supported. It might work, or it might not, depending on your markup and safari version.