Datatable should show bottom scrolling at the bottom of the screen

I have a data table with a lot of columns and rows and when I increase the number of records than horizontal scrolling from the bottom.

but i want it to be at the bottom of the screen so i can move it anytime i need it.

Tried to fix this but nothing works for me

if anyone can help me please help me with this.

$(document).ready(function() {
        $('#example').DataTable( {
            responsive: true
        } );
    } );

      

        
        
        
      

    

http://jsfiddle.net/rikhi05/ebRXw/3265/