JQuery Plugin That Fixes Table Headers On Scrolling | jquery.fixedTableHeader

JQuery static table header plugin is a jQuery plugin that fixes table headers on scroll. A super small and fast-fire sticky table header plugin that makes the large HTML table header always visible when scrolling the page.

Must Read: Fixed Table Header To The Top Of Page On Scroll in Pure Javascript

How to make use of it:

1. Download the jquery.fixedTableHeader.js script after jQuery.

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/jquery.fixedTableHeader.js"></script>

2. Just attach the function fixedTableHeader to your HTML table and the plugin.

<table class="example">
    <td>[email protected]</td>
    <td>(028) 2386 7366</td>
    <td>[email protected]</td>
    <td>(0191) 574 7393</td>
jQuery(($) => {

3. Specify the selector of the table header to be sticky.

const defaultTarget = "th";

4. Override the default CSS class of the sticky table header.

const defaultCss = {
      position: "sticky",
      top: 0,
      background: "#222",
      color: "#fff"

See Demo And Download

Official Website(kiyotd): Click Here

This superior jQuery/javascript plugin is developed by kiyotd. For extra Advanced Usage, please go to the official website.

Related Posts


A Simple Searchable Select Dropdown Plugin | jQuery Select Search

Simple jQuery search on the selection options plugin for your website. Next, there is a checkbox replacement plugin that refines and beautifies the original selection element with…


A Quick jQuery-Based Country Picker With Flags | Country Select JS

Country Select JS is a jQuery plugin to select a country, based on the international phone input plugin. Adds a flag dropdown to any input, which lists…


Simple and Fast Autocomplete and Typeahead Javascript Library | autoComplete.js

autoComplete.js is a simple, pure, and incrementally designed JavaScript library for speed, high versatility, and seamless integration with a wide variety of projects and systems. Features Pure…


Bootstrap Notification Message Alert Plugin with jQuery

BootstrapMsg is a jQuery plugin for displaying messages with Bootstrap alert classes to generate hierarchical in-page navigation for an extended webpage sectioned by heading components. Using Bootstrap…


jQuery Plugin for Transforming HTML Tables Into Charts Using Google Charts

Chartinator is a jQuery plugin for converting HTML tables, Google Sheets and js arrays into charts using Google Charts. Use data from HTML tables Chartinator is designed…


Customizable & Composable Charts for VueJS | vue-wcharts

WCharts is a library that makes it easy to create your own charts using Vuejs. You can easily create reusable chart components. Use a basic layout or…