The page shows scroll bar,but not in the table.
Create a container above it.
<div id="container">
<!--your table -->
</div>
And using css do:
#container { width:100%; overflow: auto }
@AmitMY will hide the pager
+1,need a container for the table element
you need to surround table with div say
<div id="container"><!--table here--></div>
In css apply following style to container div
#container{white-space:nowrap; overflow: hidden;}
then apply following style to your table
.table{display:block;overflow-x:scroll;}
This will add horizontal scrollbar just below the table and before the pager div.
Most helpful comment
you need to surround table with div say
<div id="container"><!--table here--></div>
In css apply following style to container div
#container{white-space:nowrap; overflow: hidden;}
then apply following style to your table
.table{display:block;overflow-x:scroll;}
This will add horizontal scrollbar just below the table and before the pager div.