Best jQuery Fixed Header Plugins & Tutorials with Demo

    BIGrid a Fixed Rows & Fixed Columns table in jQuery

    BIGrid a Fixed Rows & Fixed Columns table in jQuery

    BI Grid is designed to present your data, especially in the reports for enterprises.The idea comes from the BI system I produced months ago. It would be able to edit data easily, drill down to details easily and ajax enabled. Other good features will be supported in the future.

    Features to be supported:

    • It has two modes: View & Edit. The edit mode enable users to edit the data in the grid through Ajax.
    • Init data by using Ajax.
    • Drill down to details by using Ajax.
    • Support JSON & XML data types.
    • Support Multi-skins.

    Scrollable Fixed Header Table – A JQuery Plugin

    Scrollable Fixed Header Table – A JQuery Plugin

    This plugin allows html tables to be scrollable horizontally and vertically while headers are still visible and in tack with the columns. This plugin can be used in two modes:

    • With column select – Columns to view can be selected. The select state can be persisted in a named cookie.
    • Without column select

    Sticky Sidebar jQuery plugin

    Sticky Sidebar jQuery plugin

    This jQuery plugin allows you to set a number of sidebar or floating boxes that follow the user down the page as they scroll. The plugin uses absolute positioning calculated from the original css and offset to either the closest positioned parent or to the document. The plugin has been tested in IE6-9 and all the other major browsers.

    Sticky Section Headers with jQuery

    Given the appropriate mark-up structure this plugin keeps headers in place while scrolling, known from the iPhone table view.

    Spotlight: Constrained Stickies with jQuery

    Spotlight: Constrained Stickies with jQuery

    Floating content as a user scrolls through the rest of the page is child’s play. No JavaScript is necessary — you can do it with just plain old CSS. Slap a position: fixed declaration on it and boom!, you have a container that is fixed in a specific location in the page — it’s floating in the page to be more colloquial.

    Contained Sticky Scroll jQuery Plugin with Demo

    Contained Sticky Scroll jQuery Plugin

    The Contained Sticky Scroll plugin is designed to allow an element to stick to the top of the screen as page scrolls down, but without moving outside of the parent container.