| /pack-rat/003_pack_rat/pack-rat/node_modules/bootstrap-table/dist/extensions/sticky-header/bootstrap-table-sticky-header.js |
|---|
| @@ -0,0 +1,111 @@ |
|---|
| /** |
| * @author vincent loh <vincent.ml@gmail.com> |
| * @version: v1.0.0 |
| * https://github.com/vinzloh/bootstrap-table/ |
| * Sticky header for bootstrap-table |
| */ |
| |
| (function ($) { |
| 'use strict'; |
| |
| var sprintf = $.fn.bootstrapTable.utils.sprintf; |
| $.extend($.fn.bootstrapTable.defaults, { |
| stickyHeader: false |
| }); |
| |
| var BootstrapTable = $.fn.bootstrapTable.Constructor, |
| _initHeader = BootstrapTable.prototype.initHeader; |
| |
| BootstrapTable.prototype.initHeader = function () { |
| var that = this; |
| _initHeader.apply(this, Array.prototype.slice.apply(arguments)); |
| |
| if (!this.options.stickyHeader) { |
| return; |
| } |
| |
| var table = this.$tableBody.find('table'), |
| table_id = table.attr('id'), |
| header_id = table.attr('id') + '-sticky-header', |
| sticky_header_container_id = header_id +'-sticky-header-container', |
| anchor_begin_id = header_id +'_sticky_anchor_begin', |
| anchor_end_id = header_id +'_sticky_anchor_end'; |
| // add begin and end anchors to track table position |
| |
| table.before(sprintf('<div id="%s" class="hidden"></div>', sticky_header_container_id)); |
| table.before(sprintf('<div id="%s"></div>', anchor_begin_id)); |
| table.after(sprintf('<div id="%s"></div>', anchor_end_id)); |
| |
| table.find('thead').attr('id', header_id); |
| |
| // clone header just once, to be used as sticky header |
| // deep clone header. using source header affects tbody>td width |
| this.$stickyHeader = $($('#'+header_id).clone(true, true)); |
| // avoid id conflict |
| this.$stickyHeader.removeAttr('id'); |
| |
| // render sticky on window scroll or resize |
| $(window).on('resize.'+table_id, table, render_sticky_header); |
| $(window).on('scroll.'+table_id, table, render_sticky_header); |
| // render sticky when table scroll left-right |
| table.closest('.fixed-table-container').find('.fixed-table-body').on('scroll.'+table_id, table, match_position_x); |
| |
| this.$el.on('all.bs.table', function (e) { |
| that.$stickyHeader = $($('#'+header_id).clone(true, true)); |
| that.$stickyHeader.removeAttr('id'); |
| }); |
| |
| function render_sticky_header(event) { |
| var table = event.data; |
| var table_header_id = table.find('thead').attr('id'); |
| // console.log('render_sticky_header for > '+table_header_id); |
| if (table.length < 1 || $('#'+table_id).length < 1){ |
| // turn off window listeners |
| $(window).off('resize.'+table_id); |
| $(window).off('scroll.'+table_id); |
| table.closest('.fixed-table-container').find('.fixed-table-body').off('scroll.'+table_id); |
| return; |
| } |
| // get header height |
| var header_height = '0'; |
| if (that.options.stickyHeaderOffsetY) header_height = that.options.stickyHeaderOffsetY.replace('px',''); |
| // window scroll top |
| var t = $(window).scrollTop(); |
| // top anchor scroll position, minus header height |
| var e = $("#"+anchor_begin_id).offset().top - header_height; |
| // bottom anchor scroll position, minus header height, minus sticky height |
| var e_end = $("#"+anchor_end_id).offset().top - header_height - $('#'+table_header_id).css('height').replace('px',''); |
| // show sticky when top anchor touches header, and when bottom anchor not exceeded |
| if (t > e && t <= e_end) { |
| // ensure clone and source column widths are the same |
| $.each( that.$stickyHeader.find('tr').eq(0).find('th'), function (index, item) { |
| $(item).css('min-width', $('#'+table_header_id+' tr').eq(0).find('th').eq(index).css('width')); |
| }); |
| // match bootstrap table style |
| $("#"+sticky_header_container_id).removeClass('hidden').addClass("fix-sticky fixed-table-container") ; |
| // stick it in position |
| $("#"+sticky_header_container_id).css('top', header_height + 'px'); |
| // create scrollable container for header |
| var scrollable_div = $('<div style="position:absolute;width:100%;overflow-x:hidden;" />'); |
| // append cloned header to dom |
| $("#"+sticky_header_container_id).html(scrollable_div.append(that.$stickyHeader)); |
| // match clone and source header positions when left-right scroll |
| match_position_x(event); |
| } else { |
| // hide sticky |
| $("#"+sticky_header_container_id).removeClass("fix-sticky").addClass('hidden'); |
| } |
| |
| } |
| function match_position_x(event){ |
| var table = event.data; |
| var table_header_id = table.find('thead').attr('id'); |
| // match clone and source header positions when left-right scroll |
| $("#"+sticky_header_container_id).css( |
| 'width', +table.closest('.fixed-table-body').css('width').replace('px', '') + 1 |
| ); |
| $("#"+sticky_header_container_id+" thead").parent().scrollLeft(Math.abs($('#'+table_header_id).position().left)); |
| } |
| }; |
| |
| })(jQuery); |
| /pack-rat/003_pack_rat/pack-rat/node_modules/bootstrap-table/dist/extensions/sticky-header/bootstrap-table-sticky-header.min.js |
|---|
| @@ -0,0 +1,7 @@ |
|---|
| /* |
| * bootstrap-table - v1.11.1 - 2017-02-22 |
| * https://github.com/wenzhixin/bootstrap-table |
| * Copyright (c) 2017 zhixin wen |
| * Licensed MIT License |
| */ |
| !function(a){"use strict";var b=a.fn.bootstrapTable.utils.sprintf;a.extend(a.fn.bootstrapTable.defaults,{stickyHeader:!1});var c=a.fn.bootstrapTable.Constructor,d=c.prototype.initHeader;c.prototype.initHeader=function(){function c(b){var c=b.data,d=c.find("thead").attr("id");if(c.length<1||a("#"+h).length<1)return a(window).off("resize."+h),a(window).off("scroll."+h),void c.closest(".fixed-table-container").find(".fixed-table-body").off("scroll."+h);var g="0";f.options.stickyHeaderOffsetY&&(g=f.options.stickyHeaderOffsetY.replace("px",""));var i=a(window).scrollTop(),m=a("#"+k).offset().top-g,n=a("#"+l).offset().top-g-a("#"+d).css("height").replace("px","");if(i>m&&n>=i){a.each(f.$stickyHeader.find("tr").eq(0).find("th"),function(b,c){a(c).css("min-width",a("#"+d+" tr").eq(0).find("th").eq(b).css("width"))}),a("#"+j).removeClass("hidden").addClass("fix-sticky fixed-table-container"),a("#"+j).css("top",g+"px");var o=a('<div style="position:absolute;width:100%;overflow-x:hidden;" />');a("#"+j).html(o.append(f.$stickyHeader)),e(b)}else a("#"+j).removeClass("fix-sticky").addClass("hidden")}function e(b){var c=b.data,d=c.find("thead").attr("id");a("#"+j).css("width",+c.closest(".fixed-table-body").css("width").replace("px","")+1),a("#"+j+" thead").parent().scrollLeft(Math.abs(a("#"+d).position().left))}var f=this;if(d.apply(this,Array.prototype.slice.apply(arguments)),this.options.stickyHeader){var g=this.$tableBody.find("table"),h=g.attr("id"),i=g.attr("id")+"-sticky-header",j=i+"-sticky-header-container",k=i+"_sticky_anchor_begin",l=i+"_sticky_anchor_end";g.before(b('<div id="%s" class="hidden"></div>',j)),g.before(b('<div id="%s"></div>',k)),g.after(b('<div id="%s"></div>',l)),g.find("thead").attr("id",i),this.$stickyHeader=a(a("#"+i).clone(!0,!0)),this.$stickyHeader.removeAttr("id"),a(window).on("resize."+h,g,c),a(window).on("scroll."+h,g,c),g.closest(".fixed-table-container").find(".fixed-table-body").on("scroll."+h,g,e),this.$el.on("all.bs.table",function(){f.$stickyHeader=a(a("#"+i).clone(!0,!0)),f.$stickyHeader.removeAttr("id")})}}}(jQuery); |
