10 Best JavaScript Plugins For Sticky Table Header

by jQueryScript,

Having a sticky table header is essential to providing a great user experience for large HTML tables that contain large size of data.

With a sticky table header plugin, you can make the table header (typically <thead> element) fixed on the top of the page (or its parent container) when scrolling down.

Here is a list of 10 best and open-source Vanilla JavaScript & jQuery Plugins to fix the position of the table header and make it always visible while scrolling.

Table of contents:

Best jQuery Sticky Table Header Plugins

jQuery Plugin For Sticky Table Headers

StickyTableHeaders is a lightweight and useful jQuery plugin that makes your table thead elements sticky as the page scrolls down.

jQuery Plugin For Sticky Table Headers

[Demo] [Download]


jQuery Plugin For Sticky Table Cells - stickyTable.js

stickyTable.js is a lightweight jQuery plugin that makes the columns or rows of your long html table sticky when scrolling.

jQuery Plugin For Sticky Table Cells - stickyTable.js

[Demo] [Download]


jQuery Plugin For Sticky Table Headers And Columns - RWD Freeze Table

RWD Freeze Table is a powerful yet easy-to-use jQuery plugin to make table columns and/or headers stay in place when scrolling.

jQuery Plugin For Sticky Table Headers And Columns - RWD Freeze Table

[Demo] [Download]


Bootstrap Compatible Sticky Table Header Plugin - Table Fixed Head

Table Fixed Head is a really simple jQuery plugin that makes your long table able to vertically fix the thead when scrolling down.

Bootstrap Compatible Sticky Table Header Plugin - Table Fixed Head

[Demo] [Download]


jQuery Plugin To Fix Table Headers And Columns - Sticky.js

Yet another jQuery sticky table plugin that has the ability to fix a specific number of headers and columns within your large html table.

jQuery Plugin To Fix Table Headers And Columns - Sticky.js

[Demo] [Download]


Best Vanilla JS Sticky Table Header Libraries

Fix Table Header And Column In Pure JavaScript – fixed-table

A small and very easy-to-use JavaScript plugin that makes the header and first column of your HTML table sticky on horizontal and vertical scroll.

Fix Table Header And Column In Pure JavaScript – fixed-table

[Demo] [Download]


Freeze Table Rows And Columns With JavaScript – GridViewScroll.js

An easy-to-use JavaScript plugin which makes any number of table columns and rows to be fixed in place as you scroll.

Freeze Table Rows And Columns With JavaScript – GridViewScroll.js

[Demo] [Download]


JavaScript Library For Fixed Table Rows And Columns – fixed_table.js

A pure JavaScript library that makes your large table scrollable with fixed rows and columns.

JavaScript Library For Fixed Table Rows And Columns – fixed_table.js

[Demo] [Download]


Lightweight JavaScript Library For Sticky Table Header – lrStickyHeader

An easy and lightweight JavaScript library that makes you table’s thead stick to the top of the webpage when scrolling down.

Lightweight JavaScript Library For Sticky Table Header – lrStickyHeader

[Demo] [Download]


Custom Fixed Table Header In JavaScript – stickyThead.js

An easy yet configurable sticky table header library that sticks the thead of an HTML table to the top of the page with or without offset.

Custom Fixed Table Header In JavaScript – stickyThead.js

[Demo] [Download]


More Resources:

Want more jQuery plugins or JavaScript libraries to create sticky header in HTML table? Check out the jQuery Sticky Table Header and JavaScript Sticky Table Header sections.

See Also: