Merge branch 'florianherrengt-master'

demo/playground.html

@@ -450,12 +450,17 @@ <h1>Playground</h1>
 			</tr>
 		</tbody>
 	</table>
+	<div style="height:2000px"></div>
 
 	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 	<script src="../js/jquery.stickytableheaders.js"></script>
 	<script>
-		$('table').on('clonedHeader.stickyTableHeaders', function(table, $clone){
-			console.log('header cloned', $clone);
+		$('table').on('clonedHeader.stickyTableHeaders', function(event){
+			console.log('header cloned', event);
+		}).on('enabledStickiness.stickyTableHeaders', function(event){
+			console.log('enabledStickiness', event);
+		}).on('disabledStickiness.stickyTableHeaders', function(event){
+			console.log('disabledStickiness', event);
 		});
 		$('table').stickyTableHeaders();
 	</script>

js/jquery.stickytableheaders.js

@@ -148,13 +148,15 @@
 							base.isSticky = true;
 							// make sure the width is correct: the user might have resized the browser while in static mode
 							base.updateWidth();
+							$this.trigger('enabledStickiness.' + name);
 						}
 						base.setPositionValues();
 					} else if (base.isSticky) {
 						base.$originalHeader.css('position', 'static');
 						base.$clonedHeader.css('display', 'none');
 						base.isSticky = false;
 						base.resetWidth($('td,th', base.$clonedHeader), $('td,th', base.$originalHeader));
+						$this.trigger('disabledStickiness.' + name);
 					}
 				});
 			}

readme.md

@@ -58,6 +58,13 @@ As described in [pull request #33](https://github.com/jmosbech/StickyTableHeader
 $('table').stickyTableHeaders({fixedOffset: [new-offset]});
 ```
 
+###Events
+The plugin triggers the following events on the targeted `<table>` element:
+
+ - `clonedHeader.stickyTableHeaders`: When the header clone is created.
+ - `enabledStickiness.stickyTableHeaders`: When the sticky header is enabled.
+ - `disabledStickiness.stickyTableHeaders`: When the sticky header is disabled.
+
 Confused?
 ---------