sticky-table

Sticky Table

Sticky Table is a jQuery plugin that gives you the ability to make any table element on your page always stay visible.

Demo

Full Sticky , Sticky Left Top , Sticky Top Bottom , Sticky Top Right , Sticky Left Right

Usage

• Include jQuery & Sticky Table.
• Call Sticky Table.

Create table like hmtl example:

• Class name .sticky-table
• Attribute : data-sticky-top,data-sticky-left,data-sticky-right,data-sticky-bottom ```html

Sticky	header	header
Data	Data	Data
Sticky	Footer	Footer

Or Call function `sticky(option)`
```html
 $('.selector-table').sticky({
    top:"",
    bottom:"",
    left:"",
    right:""
 });

####Options

• top: selectors row need sticky header.(eg:table tr:first-child)
  
• bottom: selectors row need sticky footer(eg:table tr:last-child)
  
• left: selectors row need sticky Left.(eg:table tr td:first-child)
  
• right: selectors row need sticky Right(eg:table tr td:last-child)
  

Methods

• sticky(options): Initializer. options is optional.
• sticky(): Initializer. options is optional.
• unstick(): Recalculates the element’s position.

Events

• sticky-table-start: When the element becomes Sticky Table.
• sticky-table-sucsses: When the element becomes Sticky Table.
• sticky-table-removed: When the element becomes Sticky Table.