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.