Vue.directive('dragsroll', {

    bind (my_el) {

        let elHeader = my_el.querySelector('div.ivu-table-header');

        let el = my_el.querySelector('div.ivu-table-body');

        elHeader.style.cursor = 'grab';

        elHeader.onmousedown = function () {

            let gapX = event.clientX;

            let startX = elHeader.scrollLeft;

            document.onmousemove = function (e) {

                let x = e.clientX - gapX;

                el.scrollLeft = startX - x;

                return false;

            };

            document.onmouseup = function (e) {

                document.onmousemove = null;

                document.onmouseup = null;

            };

        };

    },

})