Horizontal scroll bar in jqgrid when needed

Question

I have a jqgrid where there are 19 columns, I want to display full column headers and have a horizontal scroll bar (only when the the header columns exceed the mainWid

Answer 1

I suppose that the problem which you have exists because of misunderstanding of different parameters of jqGrid which defines column width. To tell the trust there are many scenarios of the width choosing and you are not the only person who don't full understand the possibilities of choosing width of grid and columns in jqGrid.

You wrote

I have a jqgrid where there are 19 columns, I want to display full column headers and have a horizontal scroll bar.

To implement the requirements you need do following

• remove autowidth: true option of jqGrid.
• add shrinkToFit: false option of jqGrid.
• add width property in every column of colModel. If you don't specify any width value for the column the default value width: 150 You should choose the width which you really need to see. The width value will be not changed by jqGrid because you use shrinkToFit: false.
• you should not use and value for width option of jqGrid. In the case the grid width will be the sum of the widths of all columns of the grid.
• remove call of fixGridWidth from loadComplete. I suppose you will not need the function at all.

I don't use JPanel plugin and don't see any advantage of the plugin comparing to jQuery UI Accordion widget. Probably there are some issues specific for JPanel plugin. Nevertheless I suppose that you should remove width="100%" attribute from the

element which you will use as grid.

I can't test my suggestions in your environment, but I hope it is very close to what you need.

Some common remarks to your code:

• there are no options pagination, edit, add or del in jqGrid. You should remove the parameters.
• to fill the grid with data you should add data: orsDbRelease parameter to jqGrid and remove the usage of addRowData in the loop and reloadGrid after the loop. If you use data parameter the grid will be filled more quickly and will have already correct pagination.
• the default value of the property align in items of the colModel is already 'left' (see the value in the column "Default" in the table from the page of documentation). So you can remove the property align:"left" from every column.
• You should consider to include sorttype property for all non-text column in the grid. It will make the sort order of the corresponding column correctly. Probably the usage of different formatter properties can additionally improve the visibility of the grid. See the documentation for more details.

0 讨论(0)

查看其它2个回答

发布评论:

提交评论

---

•  加载中...

验证码

 看不清?

提交回复

热议问题