Stickytable NPM

Stickytable

Stickytable is a javascript plugin that makes your table headers sticky, allowing users to scroll through big sets of table data on any size screen.

Features:

NPM | npm install stickytable

Make a table

<table>
	...	
</table>

Style it how you like. Don't be scared of using widths/heights/paddings etc...

...
	
table {
	cellpadding: 0;
	callspacing: 0;
}

th {
	min-width: 200px;
}
	
td {
	padding: 15px;
	border: 1px solid #DDD;
}

...

Import the module with <script>

<script src="Stickytable.min.js"/><script>

or commonjs

var Stickytable = require("stickytable");

Instantiate a Stickytable object by passing the table element and options

var el = document.querySelector("table");
var stickytable = new Stickytable(el, {
	// options
});

Option	Type	Default	Description
width	string	'100%'	Sets the the css width property of the scrollable container. Set to 'auto' to allow the container width to match the width of the table.
height	string	'auto'	Sets the the css height property of the scrollable container. Set to auto to allow the container height to match the height of the table.
rowSelector	string	'tr'	A selector to tell Stickytable which elements are the rows in your table. Change this value if your table is made of elements other than table/tr/td, like divs.