This time I will share jQuery Plugin and tutorial about jQuery Plugin To Create Scrollable HTML Table – Table Scroller, hope it will help you in programming stack.
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.
1 |
<script src="//code.jquery.com/jquery.min.js"></script> |
2 |
<script src="js/tablescroller.js"></script> |
3 |
<script src="js/tablescroller.jquery.js"></script> |
4 |
<link href="css/tablescroller.css" rel="stylesheet"><br type="_moz"> |
2. Create a container for the scrollable table.
1 |
<div id="scrollableTable"></div> |
3. Initialize the plugin and specify the maximum height/width to make your html table scrollable.
1 |
$("table").tablescroller({ |
4 |
container: "#scrollableTable", |
4. Specify the table row & column to be stuck.
1 |
$("table").tablescroller({ |
4 |
container: "#scrollableTable", |
This awesome jQuery plugin is developed by joeantkowiak. For more Advanced Usages, please check the demo page or visit the official website.
