jQuery Grid Plugin - jqGrid - Topic: Unwanted horizontal scroll bars

ashfaqzp on Unwanted horizontal scroll bars

Fri, 29 Nov 2013 13:43:15 +0200

After lot of search I got a perfect soltuion. You can find here: http://rapidsol.blogspot.com/2.....llbar.html

ari on Unwanted horizontal scroll bars

Tue, 29 Jun 2010 14:15:35 +0300

I can confirm the issue with version 3.7. In my case I'm setting shrinkToFit to true, but the grid is showing a horizontal scroll bar only if there is also a vertical scroll bar. That is, it appears to be calculating the necessary width to fit the grid before the data is loaded (I'm using xml loaded from a URL). Once the data is loaded and a vertical scroll bar is needed, then the content no longer fits and jqGrid draws in a horizontal scrollbar.

Interestingly, resizing the grid (I've enabled that option) by dragging the bottom right corner even a millimeter, will cause the columns to shrinkToFit again and now take into account the vertical scroll bar space, so the horizontal scrollbar goes away.

I've been unable to figure a workaround by trying to fire resize events into the grid, but I'm probably trying the wrong thing so far. Could this be marked as a bug to fix in the grid for the next release?

tony on Unwanted horizontal scroll bars

Mon, 26 Apr 2010 12:22:29 +0300

Hello,

Try to set not height : '300px', but height:300,

Also try to set the width of the grid something like width : 500

and let me know if this help

Regards

Tony

maitopoika on Unwanted horizontal scroll bars

Tue, 20 Apr 2010 00:50:09 +0300

I am using version 3.6.4

I don't think the imagepath has anything to do with the horizontal scroll bars though??

tony on Unwanted horizontal scroll bars

Mon, 19 Apr 2010 13:39:10 +0300

Hello,

Which version of jqGrid is used?

I see the option imgpath which is deprecated.

Regards

Tony

maitopoika on Unwanted horizontal scroll bars

Fri, 16 Apr 2010 17:59:45 +0300

jQuery("#ScheduledList").jqGrid({

                    url: gridUr + '/' + month + '/' + date + '/' + year,
                    datatype: 'json',
                    mtype: 'GET',
                    altRows: 'False',
                    colNames: ['Invoice', 'Status', 'Company', 'Contact', 'Model', 'Customer', 'Order Notes', 'Internal Notes', 'DSR', 'Prod Date'],
                    colModel: [
                         { name: 'invoice', index: 'invoice', width: 50, align: 'left' },
                         { name: 'orderStatus', index: 'orderStatus', width: 50, align: 'left' },
                         { name: 'company', index: 'company', width: 200, align: 'left' },
                         { name: 'companyContactNumber', index: 'companyContactNumber', width: 100, align: 'left' },
                         { name: 'descript', index: 'descript', width: 60, align: 'left' },
                         { name: 'CustomerName', index: 'CustomerName', width: 100, align: 'left' },
                         { name: 'orderNotes', index: 'orderNotes', width: 125, align: 'left' },
                         { name: 'internalNotes', index: 'internalNotes', width: 175, align: 'left' },
                         { name: 'DsrFirstName', index: 'DsrFirstName', width: 70, align: 'left' },
                         { name: 'ProductionDate', index: 'ProductionDate', width: 60, align: 'left' }

                           ],
                    pager: jQuery('#Scheduledpager'),
                    rowNum: 20,
                    rowList: [5, 10, 20, 50],
                    sortname: 'Id',
                    sortorder: "desc",
                    viewrecords: true,
                    imgpath: themeURL,
                    height: '300px'
                })

Preichow on Unwanted horizontal scroll bars

Fri, 16 Apr 2010 01:58:56 +0300

Can you post your code? There could be a couple causes. Using the "My First Grid" example from the documentation, my grid doesn't have a horizontal scroll bar, even when I reduce its width down to 30 pixels.

Also, check out the documentation page http://www.trirand.com/jqgridw.....ki:options and look at the options that involve the horizontal scrollbar, ie shrinkToFit and forceFit. If you have one of those set, that would give you an unwanted horizontal bar.

maitopoika on Unwanted horizontal scroll bars

Fri, 16 Apr 2010 00:50:39 +0300

my grid keeps showing horizonal scroll bars and wont fit all the data in the gird. If i shrink downt the column width the whole grid width shrinks and still i get the scoll bars with the same amount of data overflowing. How can I set the width and fit the width of the colums to fit inside with no need for scrollbars???