WebMasterUA
7/5/2019 - 11:29 AM

Sticky Table

jQuery(document).on('stickyTable', function() {
    if(navigator.userAgent.match(/Trident\/7\./)) {
        $('.sticky-table').on("mousewheel", function (event) {
            event.preventDefault();
            var wd = event.originalEvent.wheelDelta;
            var csp = $(this).scrollTop();
            $(this).scrollTop(csp - wd);
        });
    }
    $(".sticky-headers").scroll(function() {
        $(this).find("table tr.sticky-row th").css('top', $(this).scrollTop());
        $(this).find("table tr.sticky-row td").css('top', $(this).scrollTop());
    }).scroll();
    $(".sticky-ltr-cells").scroll(function() {
        $(this).find("table th.sticky-cell").css('left', $(this).scrollLeft());
        $(this).find("table td.sticky-cell").css('left', $(this).scrollLeft());
    }).scroll();
    $(".sticky-rtl-cells").scroll(function() {
        var maxScroll = $(this).find("table").prop("clientWidth") - $(this).prop("clientWidth");
        $(this).find("table th.sticky-cell").css('right', maxScroll - $(this).scrollLeft());
        $(this).find("table td.sticky-cell").css('right', maxScroll - $(this).scrollLeft());
    }).scroll();
});
$( document ).ready(function(){
    $( document ).trigger( "stickyTable" );
});