table-fixed-scroll

About

JavaScript plugin table-fixed-scroll allow you to make table headers adapt. Table headers will be pinned to top after they were scrolled.

How to use it

Step 1

Install plugin:

npm install table-fixed-scroll

Step 2

Load plugin into your JavaScript code by one of two methods:

Method 1. Using import

import * as tableFixedScroll from 'table-fixed-scroll'

Method 2. Using require

const tableFixedScroll = require('table-fixed-scroll');

Step 3

Initialize plugin in your JavaScript code:

tableFixedScroll.init();

Step 4

Add class table-fixed-scroll to table that you want to be with adapt header:

<table class="table-fixed-scroll">
    <thead>...</thead>
    <tbody>...</tbody>
</table>

Keywords

• table
• scroll
• header
• html
• css
• fixed thead
• sticky thead
• fixed header
• sticky header
• fixed table header
• pinned table header
• attached table header
• sticky table header
• pin the table header to the top of the page
• scrollable table
• attach the table header to the top of the page after scrolling the page