html - Bootstrap Horizontal Scrollable Table -

i have been struggling while now. have table in bootstrap if gets wide make scrollable can @ least scroll see information.

my html pretty simple table within box

<div class='box'>   <div class='box-header'>     <h4>title</h4>   </div>   <div class='box-content'>     <table>     <!--table stuff-->     </table>   </div> </div> 

and have tries usual of setting width , overflow-x:scroll; so

table{  width:100px;  max-width:100px;  overflow-x:scroll; } 

but nothing seems work.

i have jsfiddle set here. http://jsfiddle.net/ahyuf/3/

any much, appreciated!

put max width overflow on tablescroll div (container) instead...

.tablescroll{     width:200px;     max-width:200px;     overflow-x:scroll; }