Simple jQuery plugin for making sticky header.
Best jQuery Fixed Header Plugins & Tutorials with Demo
floatThead : jQuery Fixed Table Headers
jQuery.floatThead is a floating/locked/sticky/fixed table header plugin that requires no special CSS and supports window and overflow scrolling.
Features:
- Floats the table header – so that the user can always see it
- Supports tables with inner scroll bars, or window scrolling
- Horizontal and vertical scrolling
- Doesn’t clone the
thead– so your events stay bound - Doesn’t mess with your styles
- Works on any table
- Requires no special css
- Works with datatables out of the box
Fixed Responsive One Page Nav
Responsive, fixed and touch friendly one page navigation with animated scrolling.
Features:
- Fixed positioned, always visible navigation bar
- Uses vanilla JavaScript, no jQuery required
- Smooth animated scrolling
- Removes 300ms tap delay
- Adds a mask over the content when navigation is open
- Auto highlights current location
- Uses a tiny custom font for icons (only two characters included)
- Closes the navigation when user tap’s outside of it
Kidd : jQuery Sticky Table Plugin
Kidd.StickyTable is jQuery plugin to modify a table element with a fixed header element and fixed left columns (freeze table header and the left columns).
- Freeze table header and/or the left columns
- Responsive tables
- Export table to xls, pdf, and png without server script
- Six beautiful predefined colors: green, blue, red, yellow, purple, and grey (customizable)
- Two style available: default and bordered
- Multiple plugin instances: allows to use multiple plugin instances on the same webpage.
- Custom option builder with live previews.
StickySort : jQuery Plugin for Tables with Sticky Header
StickySort is a jQuery plugin that creates sticky headers and columns on your tables, complete with the possibility to add a sortable functionality. This plugin was inspired by a recent task at work where I have to create sticky headers to allow users to orient themselves in large tables that, at many instances, fill the full height of the viewport.
