Workarround FixedHeader and Scrollable tables

Andrewww

from the documentation both extensions are not compatible.

This is my implementation whit some limitations for make it work.

/*events to trigger re-adjust of the fixed header, on clicks on the scroll bar, or the use of arrows*/
        $('.table-responsive:not(.header.sorting)').on('mouseup mousedown keydown', function (e) { 
            $('.table-responsive').focus();
            setTimeout(function(){
                    tabla.fixedHeader.adjust();
                }, 10);
        });

        /*envet to trigger re-adjust of the fixed header, on hold click inside the scroll row. */
        var timeout, clicker = $('.table-responsive:not(.header.sorting)');
        clicker.mousedown(function(){
            timeout = setInterval(function(){
                tabla.fixedHeader.adjust();
            }, 10);
            return false;
        });

        $(document).mouseup(function(){
            clearInterval(timeout); return false;
        });