показать горизонтальную полосу прокрутки в jqgrid

Question

Пожалуйста, смотрите ссылку ниже,

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

В этой таблице есть много включенных столбцов, так что я хочу, чтобы вписать всю таблицу в нарисованная серая граница, т.е. элемент div с именем класса bms-dashboard-body. с горизонтальной полосой прокрутки, как у листа Excel, в правом нижнем углу есть маленькая. Можно ли создать жидкостный макет этой таблицы jqgrid?

если у кого-то есть другой подход, чтобы соответствовать этой таблице, то я не против.

Answer 1

Вы можете получить горизонтальную полосу прокрутки со статическими или автоматическими полями размера, обернув сетку и пейджер div и запустив небольшой скрипт,
вы можете увидеть jsfiddle-example , или просто так:

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

и запустите этот скрипт:

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

В моем примере используется сценарий от trirand.com, но я попробовал его в своем последнем выпуске, и он работал просто отлично.
надеюсь, я помог.

Answer 2

Параметр autoWidth:true должен быть записан как autowidth:true.

Кроме того, вы можете установить высоту и ширину сетки в соответствии с методами setGridHeight и setGridWidth (см. http://www.trirand.com/jqgridwiki/doku.php?id=wiki:methods).Лучшее место для этого, вероятно, внутри обработчика событий loadComplete .