jQuery Plugin To Create Scrollable HTML Table - Table Scroller

jQuery Plugin To Create Scrollable HTML Table - Table Scroller
File Size: 7.88 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Table Scroller is a simple-to-use jQuery plugin which helps create vertically and/or horizontally scrollable table with fixed table headers and columns.

How to use it:

1. Include jQuery library and other required resources on the webpage.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="js/tablescroller.js"></script>
<script src="js/tablescroller.jquery.js"></script>
<link href="css/tablescroller.css" rel="stylesheet">

2. Create a container for the scrollable table.

<div id="scrollableTable"></div>

3. Initialize the plugin and specify the maximum height/width to make your html table scrollable.

$("table").tablescroller({
  width: 400,
  height: 300,
  container: "#scrollableTable",
  removeOriginal: true
});

4. Specify the table row & column to be stuck.

$("table").tablescroller({
  width: 400,
  height: 300,
  container: "#scrollableTable",
  removeOriginal: true,
  pinnedRows: 1,
  pinnedCols: 1
});

This awesome jQuery plugin is developed by joeantkowiak. For more Advanced Usages, please check the demo page or visit the official website.