Skip to content

Cross-browser lightweight plugin that allows an html table body to scroll while the header and footer stay fixed

License

Notifications You must be signed in to change notification settings

meyercr/jquery.scrollTableBody

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Scroll Table Body jQuery Plugin

Scroll Table Body is a cross-browser lightweight jQuery plugin that allows an html table body to scroll while the header and footer stay fixed. It works with cells that span multiple columns (colspan), horizontal scrolling, and with fixed width or fluid tables, even when you resize! It supports IE8+, and similarly recent versions of Firefox, Chrome and Safari.

Usage

  1. Load jQuery
  2. Optional: load Underscore.js or Lodash.js if you want to debounce when resizing
  3. Load the Scroll Table Body plugin
  4. Make sure you have a table with proper markup (<thead>, <tbody>, and <tfoot> if you want it)
  5. Call .scrollTableBody() on your table element, which by default displays 10 rows of your table and scrolls the rest
  6. Optional: pass rowsToDisplay as an option. For example, $('table').scrollTableBody({rowsToDisplay:5});

Example

Check the demo folder for examples.

About

Cross-browser lightweight plugin that allows an html table body to scroll while the header and footer stay fixed

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published