68 lines
2.6 KiB
JavaScript
68 lines
2.6 KiB
JavaScript
|
/*! tablesorter CSS Sticky Headers widget - updated 12/17/2013 (v2.15.0)
|
||
|
|
* Requires a modern browser, tablesorter v2.8+
|
||
|
|
*/
|
||
|
|
/*global jQuery: false, unused:false */
|
||
|
|
;(function($){
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
$.tablesorter.addWidget({
|
||
|
|
id: "cssStickyHeaders",
|
||
|
|
priority: 10,
|
||
|
|
options: {
|
||
|
|
cssStickyHeaders_offset : 0,
|
||
|
|
cssStickyHeaders_addCaption : false,
|
||
|
|
cssStickyHeaders_attachTo : null,
|
||
|
|
cssStickyHeaders_zIndex : 10
|
||
|
|
},
|
||
|
|
init : function(table, thisWidget, c, wo) {
|
||
|
|
var $attach = $(wo.cssStickyHeaders_attachTo),
|
||
|
|
namespace = '.cssstickyheader',
|
||
|
|
$thead = c.$table.children('thead'),
|
||
|
|
$caption = c.$table.find('caption'),
|
||
|
|
$win = $attach.length ? $attach : $(window);
|
||
|
|
$win.bind('scroll resize '.split(' ').join(namespace + ' '), function() {
|
||
|
|
var top = $attach.length ? $attach.offset().top : $win.scrollTop(),
|
||
|
|
// add caption height; include table padding top & border-spacing or text may be above the fold (jQuery UI themes)
|
||
|
|
// border-spacing needed in Firefox, but not webkit... not sure if I should account for that
|
||
|
|
captionTop = wo.cssStickyHeaders_addCaption ? $caption.outerHeight(true) +
|
||
|
|
(parseInt(c.$table.css('padding-top'), 10) || 0) + (parseInt(c.$table.css('border-spacing'), 10) || 0) : 0,
|
||
|
|
bottom = c.$table.height() - $thead.height() - (c.$table.find('tfoot').height() || 0) - captionTop,
|
||
|
|
deltaY = top - $thead.offset().top + (parseInt(c.$table.css('border-top-width'), 10) || 0) +
|
||
|
|
(wo.cssStickyHeaders_offset || 0) + captionTop,
|
||
|
|
finalY = (deltaY > 0 && deltaY <= bottom ? deltaY : 0),
|
||
|
|
// IE can only transform header cells - fixes #447 thanks to @gakreol!
|
||
|
|
$cells = $thead.children().children();
|
||
|
|
if (wo.cssStickyHeaders_addCaption) {
|
||
|
|
$cells = $cells.add($caption);
|
||
|
|
}
|
||
|
|
$cells.css({
|
||
|
|
"position" : "relative",
|
||
|
|
"z-index" : wo.cssStickyHeaders_zIndex,
|
||
|
|
"transform" : finalY === 0 ? "" : "translate(0px," + finalY + "px)",
|
||
|
|
"-ms-transform" : finalY === 0 ? "" : "translate(0px," + finalY + "px)",
|
||
|
|
"-webkit-transform" : finalY === 0 ? "" : "translate(0px," + finalY + "px)"
|
||
|
|
});
|
||
|
|
});
|
||
|
|
c.$table.bind('filterEnd', function() {
|
||
|
|
// scroll top of table into view
|
||
|
|
window.scrollTo(0, c.$table.position().top);
|
||
|
|
});
|
||
|
|
|
||
|
|
},
|
||
|
|
remove: function(table, c, wo){
|
||
|
|
var namespace = '.cssstickyheader';
|
||
|
|
$(window).unbind('scroll resize '.split(' ').join(namespace + ' '));
|
||
|
|
c.$table
|
||
|
|
.unbind('update updateAll '.split(' ').join(namespace + ' '))
|
||
|
|
.children('thead, caption').css({
|
||
|
|
"position" : "",
|
||
|
|
"z-index" : "",
|
||
|
|
"transform" : "",
|
||
|
|
"-ms-transform" : "",
|
||
|
|
"-webkit-transform" : ""
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
})(jQuery);
|