tablesaw-bar-sticky.jquery.js

//this is specific for sonata admin - but can be tweaked for other purposes
//was to lazy to write a class
$(function () {
    window.setTimeout(function () {
        var elementExists = !!document.getElementsByClassName('.tablesaw-bar');
        if(elementExists) {
            makeTablesawBarSticky();
        }
    }, 100);

    function makeTablesawBarSticky() {
        var distance = $('.tablesaw-overflow').offset().top - 122, $window = $(window);
        $window.scroll(function() {
            if ( $window.scrollTop() >= distance ) {
                //make bar sticky when tablehead reaches offset
                $('.tablesaw-bar').css({
                    'position': 'fixed',
                    'top': '102px',
                    'background': '#f5f5f5',
                    'width': $('.content-wrapper').outerWidth() + 'px',
                    'margin': '0 -15px',
                    'padding': '0 15px',
                    'border' : '1px solid #CCC',
                    'z-index': '999'
                });
            }
            else {
                //reset css and unstick bar
                $('.tablesaw-bar').css({
                    'position': '',
                    'top': '',
                    'background': '',
                    'width': '',
                    'margin': '',
                    'padding': '',
                    'border' : '',
                    'z-index': ''
                });
            }
        });
        window.addEventListener("resize",function() {
            if ( $window.scrollTop() >= distance ) {
                window.setTimeout(function () {
                    //resize bar when window resizes
                    $('.tablesaw-bar').css('width', $('.content-wrapper').outerWidth() + 'px');
                }, 360);
            }
        });      
    }
});