Allow horizontal scrolling on table with bottom vi

Question

I'd like to add a horizontal scroll to a bootstrap page. Currently the way it is set up is to have the user scroll all the way to the bottom of the page the page and then use the horizontal scroll. I'd like to have it set up so the scroll is always visible. I have recreated the issue in jsfiddle.

Js-Fiddle

<table class="table">

Answer 1

If you still want it to be like this but this is not hte proper thing to do in bootstrap add the following css property

.container{
    overflow:scroll;
    position:absolute;
}

https://jsfiddle.net/Siddharth_Pandey/5usukas1/

Answer 2

You are using table-responsive that's why the scroll is moving to the bottom of the page just remove the responsive from all thought your design will change little bit but you can set it with css jsfiddle.net/Siddharth_Pandey/5usukas1