4 lines
12 KiB
JavaScript
4 lines
12 KiB
JavaScript
/*! FixedHeader 3.4.0
|
|
* © SpryMedia Ltd - datatables.net/license
|
|
*/
|
|
import jQuery from"jquery";import DataTable from"datatables.net";let $=jQuery;var _instCounter=0,FixedHeader=function(t,e){if(!(this instanceof FixedHeader))throw"FixedHeader must be initialised with the 'new' keyword.";!0===e&&(e={}),t=new DataTable.Api(t),this.c=$.extend(!0,{},FixedHeader.defaults,e),this.s={dt:t,position:{theadTop:0,tbodyTop:0,tfootTop:0,tfootBottom:0,width:0,left:0,tfootHeight:0,theadHeight:0,windowHeight:$(window).height(),visible:!0},headerMode:null,footerMode:null,autoWidth:t.settings()[0].oFeatures.bAutoWidth,namespace:".dtfc"+_instCounter++,scrollLeft:{header:-1,footer:-1},enable:!0,autoDisable:!1},this.dom={floatingHeader:null,thead:$(t.table().header()),tbody:$(t.table().body()),tfoot:$(t.table().footer()),header:{host:null,floating:null,floatingParent:$('<div class="dtfh-floatingparent">'),placeholder:null},footer:{host:null,floating:null,floatingParent:$('<div class="dtfh-floatingparent">'),placeholder:null}},this.dom.header.host=this.dom.thead.parent(),this.dom.footer.host=this.dom.tfoot.parent();e=t.settings()[0];if(e._fixedHeader)throw"FixedHeader already initialised on table "+e.nTable.id;(e._fixedHeader=this)._constructor()};$.extend(FixedHeader.prototype,{destroy:function(){var t=this.dom;this.s.dt.off(".dtfc"),$(window).off(this.s.namespace),t.header.rightBlocker&&t.header.rightBlocker.remove(),t.header.leftBlocker&&t.header.leftBlocker.remove(),t.footer.rightBlocker&&t.footer.rightBlocker.remove(),t.footer.leftBlocker&&t.footer.leftBlocker.remove(),this.c.header&&this._modeChange("in-place","header",!0),this.c.footer&&t.tfoot.length&&this._modeChange("in-place","footer",!0)},enable:function(t,e,o){this.s.enable=t,this.s.enableType=o,!e&&void 0!==e||(this._positions(),this._scroll(!0))},enabled:function(){return this.s.enable},headerOffset:function(t){return void 0!==t&&(this.c.headerOffset=t,this.update()),this.c.headerOffset},footerOffset:function(t){return void 0!==t&&(this.c.footerOffset=t,this.update()),this.c.footerOffset},update:function(t){var e=this.s.dt.table().node();(this.s.enable||this.s.autoDisable)&&($(e).is(":visible")?(this.s.autoDisable=!1,this.enable(!0,!1)):(this.s.autoDisable=!0,this.enable(!1,!1)),0!==$(e).children("thead").length&&(this._positions(),this._scroll(void 0===t||t)))},_constructor:function(){var o=this,i=this.s.dt,t=($(window).on("scroll"+this.s.namespace,function(){o._scroll()}).on("resize"+this.s.namespace,DataTable.util.throttle(function(){o.s.position.windowHeight=$(window).height(),o.update()},50)),$(".fh-fixedHeader")),t=(!this.c.headerOffset&&t.length&&(this.c.headerOffset=t.outerHeight()),$(".fh-fixedFooter"));!this.c.footerOffset&&t.length&&(this.c.footerOffset=t.outerHeight()),i.on("column-reorder.dt.dtfc column-visibility.dt.dtfc column-sizing.dt.dtfc responsive-display.dt.dtfc",function(t,e){o.update()}).on("draw.dt.dtfc",function(t,e){o.update(e!==i.settings()[0])}),i.on("destroy.dtfc",function(){o.destroy()}),this._positions(),this._scroll()},_clone:function(t,e){var o,i,s=this,a=this.s.dt,d=this.dom[t],r="header"===t?this.dom.thead:this.dom.tfoot;"footer"===t&&this._scrollEnabled()||(!e&&d.floating?d.floating.removeClass("fixedHeader-floating fixedHeader-locked"):(d.floating&&(null!==d.placeholder&&d.placeholder.remove(),this._unsize(t),d.floating.children().detach(),d.floating.remove()),e=$(a.table().node()),o=$(e.parent()),i=this._scrollEnabled(),d.floating=$(a.table().node().cloneNode(!1)).attr("aria-hidden","true").css({"table-layout":"fixed",top:0,left:0}).removeAttr("id").append(r),d.floatingParent.css({width:o.width(),overflow:"hidden",height:"fit-content",position:"fixed",left:i?e.offset().left+o.scrollLeft():0}).css("header"===t?{top:this.c.headerOffset,bottom:""}:{top:"",bottom:this.c.footerOffset}).addClass("footer"===t?"dtfh-floatingparentfoot":"dtfh-floatingparenthead").append(d.floating).appendTo("body"),this._stickyPosition(d.floating,"-"),(a=function(){var t=o.scrollLeft();s.s.scrollLeft={footer:t,header:t},d.floatingParent.scrollLeft(s.s.scrollLeft.header)})(),o.off("scroll.dtfh").on("scroll.dtfh",a),d.placeholder=r.clone(!1),d.placeholder.find("*[id]").removeAttr("id"),d.host.prepend(d.placeholder),this._matchWidths(d.placeholder,d.floating)))},_stickyPosition:function(t,i){var s,a;this._scrollEnabled()&&(s=this,a="rtl"===$(s.s.dt.table().node()).css("direction"),t.find("th").each(function(){var t,e,o;"sticky"===$(this).css("position")&&(t=$(this).css("right"),e=$(this).css("left"),"auto"===t||a?"auto"!==e&&a&&(o=+e.replace(/px/g,"")+("-"===i?-1:1)*s.s.dt.settings()[0].oBrowser.barWidth,$(this).css("left",0<o?o:0)):(o=+t.replace(/px/g,"")+("-"===i?-1:1)*s.s.dt.settings()[0].oBrowser.barWidth,$(this).css("right",0<o?o:0)))}))},_matchWidths:function(e,o){function t(t){return $(t,e).map(function(){return+$(this).css("width").replace(/[^\d\.]/g,"")}).toArray()}function i(t,e){$(t,o).each(function(t){$(this).css({width:e[t],minWidth:e[t]})})}var s=t("th"),a=t("td");i("th",s),i("td",a)},_unsize:function(t){var e=this.dom[t].floating;e&&("footer"===t||"header"===t&&!this.s.autoWidth)?$("th, td",e).css({width:"",minWidth:""}):e&&"header"===t&&$("th, td",e).css("min-width","")},_horizontal:function(t,e){var o,i=this.dom[t],s=(this.s.position,this.s.scrollLeft);i.floating&&s[t]!==e&&(this._scrollEnabled()&&(o=$($(this.s.dt.table().node()).parent()).scrollLeft(),i.floating.scrollLeft(o),i.floatingParent.scrollLeft(o)),s[t]=e)},_modeChange:function(t,e,o){this.s.dt;var i,s,a,d,r,n,h,f=this.dom[e],l=this.s.position,c=this._scrollEnabled();"footer"===e&&c||(i=function(o){f.floating.attr("style",function(t,e){return(e||"")+"width: "+o+"px !important;"}),c||f.floatingParent.attr("style",function(t,e){return(e||"")+"width: "+o+"px !important;"})},d=this.dom["footer"===e?"tfoot":"thead"],s=$.contains(d[0],document.activeElement)?document.activeElement:null,r=$($(this.s.dt.table().node()).parent()),"in-place"===t?(f.placeholder&&(f.placeholder.remove(),f.placeholder=null),this._unsize(e),"header"===e?f.host.prepend(d):f.host.append(d),f.floating&&(f.floating.remove(),f.floating=null,this._stickyPosition(f.host,"+")),f.floatingParent&&f.floatingParent.remove(),$($(f.host.parent()).parent()).scrollLeft(r.scrollLeft())):"in"===t?(this._clone(e,o),d=r.offset(),h=(a=$(document).scrollTop())+$(window).height(),n=c?d.top:l.tbodyTop,d=c?d.top+r.outerHeight():l.tfootTop,r="footer"===e?h<n?l.tfootHeight:n+l.tfootHeight-h:a+this.c.headerOffset+l.theadHeight-d,n="header"===e?"top":"bottom",h=this.c[e+"Offset"]-(0<r?r:0),f.floating.addClass("fixedHeader-floating"),f.floatingParent.css(n,h).css({left:l.left,height:"header"===e?l.theadHeight:l.tfootHeight,"z-index":2}).append(f.floating),i(l.width),"footer"===e&&f.floating.css("top","")):"below"===t?(this._clone(e,o),f.floating.addClass("fixedHeader-locked"),f.floatingParent.css({position:"absolute",top:l.tfootTop-l.theadHeight,left:l.left+"px"}),i(l.width)):"above"===t&&(this._clone(e,o),f.floating.addClass("fixedHeader-locked"),f.floatingParent.css({position:"absolute",top:l.tbodyTop,left:l.left+"px"}),i(l.width)),s&&s!==document.activeElement&&setTimeout(function(){s.focus()},10),this.s.scrollLeft.header=-1,this.s.scrollLeft.footer=-1,this.s[e+"Mode"]=t)},_positions:function(){var t=this.s.dt,e=t.table(),o=this.s.position,i=this.dom,e=$(e.node()),s=this._scrollEnabled(),a=$(t.table().header()),t=$(t.table().footer()),i=i.tbody,d=e.parent();o.visible=e.is(":visible"),o.width=e.outerWidth(),o.left=e.offset().left,o.theadTop=a.offset().top,o.tbodyTop=(s?d:i).offset().top,o.tbodyHeight=(s?d:i).outerHeight(),o.theadHeight=a.outerHeight(),o.theadBottom=o.theadTop+o.theadHeight,t.length?(o.tfootTop=o.tbodyTop+o.tbodyHeight,o.tfootBottom=o.tfootTop+t.outerHeight(),o.tfootHeight=t.outerHeight()):(o.tfootTop=o.tbodyTop+i.outerHeight(),o.tfootBottom=o.tfootTop,o.tfootHeight=o.tfootTop)},_scroll:function(t){var e,o,i,s,a,d,r,n,h,f,l,c,p,g,u,b;this.s.dt.settings()[0].bDestroying||(e=this._scrollEnabled(),o=(f=$(this.s.dt.table().node()).parent()).offset(),c=f.outerHeight(),i=$(document).scrollLeft(),s=$(document).scrollTop(),n=(l=$(window).height())+s,p=this.s.position,b=e?o.top:p.tbodyTop,d=(e?o:p).left,c=e?o.top+c:p.tfootTop,r=e?f.outerWidth():p.tbodyWidth,n=s+l,this.c.header&&(!this.s.enable||!p.visible||s+this.c.headerOffset+p.theadHeight<=b?h="in-place":s+this.c.headerOffset+p.theadHeight>b&&s+this.c.headerOffset+p.theadHeight<c?(h="in",f=$($(this.s.dt.table().node()).parent()),s+this.c.headerOffset+p.theadHeight>c||void 0===this.dom.header.floatingParent?t=!0:this.dom.header.floatingParent.css({top:this.c.headerOffset,position:"fixed"}).append(this.dom.header.floating)):h="below",!t&&h===this.s.headerMode||this._modeChange(h,"header",t),this._horizontal("header",i)),g={offset:{top:0,left:0},height:0},u={offset:{top:0,left:0},height:0},this.c.footer&&this.dom.tfoot.length&&(!this.s.enable||!p.visible||p.tfootBottom+this.c.footerOffset<=n?a="in-place":c+p.tfootHeight+this.c.footerOffset>n&&b+this.c.footerOffset<n?(a="in",t=!0):a="above",!t&&a===this.s.footerMode||this._modeChange(a,"footer",t),this._horizontal("footer",i),l=function(t){return{offset:t.offset(),height:t.outerHeight()}},g=this.dom.header.floating?l(this.dom.header.floating):l(this.dom.thead),u=this.dom.footer.floating?l(this.dom.footer.floating):l(this.dom.tfoot),e&&u.offset.top>s&&(p=n+((c=s-o.top)>-g.height?c:0)-(g.offset.top+(c<-g.height?g.height:0)+u.height),f.outerHeight(p=p<0?0:p),Math.round(f.outerHeight())>=Math.round(p)?$(this.dom.tfoot.parent()).addClass("fixedHeader-floating"):$(this.dom.tfoot.parent()).removeClass("fixedHeader-floating"))),this.dom.header.floating&&this.dom.header.floatingParent.css("left",d-i),this.dom.footer.floating&&this.dom.footer.floatingParent.css("left",d-i),void 0!==this.s.dt.settings()[0]._fixedColumns&&(this.dom.header.rightBlocker=(b=function(t,e,o){var i;return null!==(o=void 0===o?0===(i=$("div.dtfc-"+t+"-"+e+"-blocker")).length?null:i.clone().css("z-index",1):o)&&("in"===h||"below"===h?o.appendTo("body").css({top:("top"===e?g:u).offset.top,left:"right"===t?d+r-o.width():d}):o.detach()),o})("right","top",this.dom.header.rightBlocker),this.dom.header.leftBlocker=b("left","top",this.dom.header.leftBlocker),this.dom.footer.rightBlocker=b("right","bottom",this.dom.footer.rightBlocker),this.dom.footer.leftBlocker=b("left","bottom",this.dom.footer.leftBlocker)))},_scrollEnabled:function(){var t=this.s.dt.settings()[0].oScroll;return""!==t.sY||""!==t.sX}}),FixedHeader.version="3.4.0",FixedHeader.defaults={header:!0,footer:!1,headerOffset:0,footerOffset:0},$.fn.dataTable.FixedHeader=FixedHeader,$.fn.DataTable.FixedHeader=FixedHeader,$(document).on("init.dt.dtfh",function(t,e,o){var i;"dt"===t.namespace&&(t=e.oInit.fixedHeader,i=DataTable.defaults.fixedHeader,!t&&!i||e._fixedHeader||(i=$.extend({},i,t),!1!==t&&new FixedHeader(e,i)))}),DataTable.Api.register("fixedHeader()",function(){}),DataTable.Api.register("fixedHeader.adjust()",function(){return this.iterator("table",function(t){t=t._fixedHeader;t&&t.update()})}),DataTable.Api.register("fixedHeader.enable()",function(e){return this.iterator("table",function(t){t=t._fixedHeader;e=void 0===e||e,t&&e!==t.enabled()&&t.enable(e)})}),DataTable.Api.register("fixedHeader.enabled()",function(){if(this.context.length){var t=this.context[0]._fixedHeader;if(t)return t.enabled()}return!1}),DataTable.Api.register("fixedHeader.disable()",function(){return this.iterator("table",function(t){t=t._fixedHeader;t&&t.enabled()&&t.enable(!1)})}),$.each(["header","footer"],function(t,o){DataTable.Api.register("fixedHeader."+o+"Offset()",function(e){var t=this.context;return void 0===e?t.length&&t[0]._fixedHeader?t[0]._fixedHeader[o+"Offset"]():void 0:this.iterator("table",function(t){t=t._fixedHeader;t&&t[o+"Offset"](e)})})});export default DataTable; |