Allow horizontal scrolling on table with bottom visible at all times

问题

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">

回答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/

回答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

来源：https://stackoverflow.com/questions/31009880/allow-horizontal-scrolling-on-table-with-bottom-visible-at-all-times