show horizontal scroll bar in jqgrid

Please see the link below,

http://www.logicatrix.com/example/records.html

In this table there are many columns included , so what i want is to get fit the whole table into drawn gray border i.e. div element with class name bms-dashboard-body. with a horizontal scroll bar just like an excel sheet has on the right bottom corner a small one. is it possible to create liqu开发者_Go百科id layout of this jqgrid table ?

if someone has another approach , to fit the this table then i don't mind.

The parameter autoWidth:true should be written as autowidth:true.

Moreover you can set grid height and width with respect of setGridHeight and setGridWidth methods (see http://www.trirand.com/jqgridwiki/doku.php?id=wiki:methods). The best place to do this probably inside of the loadComplete event handler.

you can get horizontal scroll bar with static or auto size fields by wrapping the grid and pager with a div and run a small script,
you can see the jsfiddle-example, or just go like so:

<div id="grid_container">
  <table id="list"></table>
  <div id="pager"></div>
</div>

and run this script:

$('#grid_container div:not(.ui-jqgrid-titlebar)').width("100%");    

my example is using the script from trirand.com but iv tried it on their newest release and it worked just fine.
hope i've helped.