jQuery Plugin To Create Scrollable HTML Table - Table Scroller
File Size: | 7.88 KB |
---|---|
Views Total: | 9716 |
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.