A Simple Example of Moving Hoizontal Scroll Bar To Specific Location

chbocca

Building on Allan's guidance in "How do I scroll to a specific column," thought I'd share a simple example here.

Click on button to see scrollx position or another to move horizontal scroll bar.

allan

Nice one! Thanks for sharing this working solution with us .

Allan

macmicro

Hello,
I improved your code by doing this and creating two buttons with the code below.

            {
            text: 'Scroll left',
            className: 'scroll',
            action: function ( e, dt, node, config ) {
                var leftPos = $('div.dataTables_scrollBody').scrollLeft();
                $("div.dataTables_scrollBody").animate({scrollLeft: leftPos - 30}, 100);
                }
            },
            {
            text: 'Scroll right',
            className: 'scroll',
            action: function ( e, dt, node, config ) {
              var leftPos = $('div.dataTables_scrollBody').scrollLeft();
              $("div.dataTables_scrollBody").animate({scrollLeft: leftPos + 30}, 100);
                }
            },

cordially

chbocca

Nice. Thank you!

macmicro

Hello,
If you are interested, I made a new version by customizing the scrollbars.
live.datatables.net/jajeciti/1/edit
Rey

chbocca

Love it!