jQuery Grid Plugin - jqGrid - Topic: Trouble with layout not adjusting based on scrollbar visibility http://www.trirand.com/blog/?page_id=393/help/trouble-with-layout-not-adjusting-based-on-scrollbar-visibility Simple:Press Version 5.7.5.3 chnicola on Trouble with layout not adjusting based on scrollbar visibility http://www.trirand.com/blog/?page_id=393/help/trouble-with-layout-not-adjusting-based-on-scrollbar-visibility#p20838 Help http://www.trirand.com/blog/?page_id=393/help/trouble-with-layout-not-adjusting-based-on-scrollbar-visibility#p20838 Alright so I had to write a bit of a hack to make this work.  I really don't like it so I would definitely appreciate other suggestions.

            jQuery(document).ready(function() {
                jQuery("#fileList").jqGrid({
                    url: "videoupload.axd?request=getfiles&studyId=<%= Controller.StudyId %>",
                    datatype: "json",
                    colNames: ['File', 'Size', 'Date Uploaded'],
                    colModel: [
                    { name: 'FileName', index: 'File', width: 225 },
                    { name: 'FileSize', index: 'FileSize', width: 75 },
                    { name: 'DateCreated', index: 'DateCreated', width: 150 }
                ],
                    viewrecords: true,
                    sortorder: "desc",
                    sortname: "id",
                    height: 177,
                    shrinkToFit: false,
                    loadComplete: function() { adjustGridLayout(); }
                });
            });
            
            function adjustGridLayout() {
                var r = jQuery("#fileList").getGridParam('reccount');
                if (r <= 8) {
                    jQuery("#fileList").setGridWidth(450, false);
                }
                else {
                    jQuery("#fileList").setGridWidth(450, true);
                }
            }

]]> Mon, 15 Nov 2010 19:51:05 +0200 chnicola on Trouble with layout not adjusting based on scrollbar visibility http://www.trirand.com/blog/?page_id=393/help/trouble-with-layout-not-adjusting-based-on-scrollbar-visibility#p20741 Help http://www.trirand.com/blog/?page_id=393/help/trouble-with-layout-not-adjusting-based-on-scrollbar-visibility#p20741 JQGrid creates a space along the header for the scrollbar offset when a scrollbar is shown.  The problem I am having is that it is not removing this when the scrollbar is not shown.  Setting the offset to 0 fixes this however then if I do have a scrollbar I end up with a horizontal scrollbar as well.

Any suggestions or help would be much appreciated. Thanks.

Here is my JS:

jQuery(document).ready(function() {
                jQuery("#fileList").jqGrid({
                    url: "videoupload.axd?request=getfiles&studyId=<%= Controller.StudyId %>",
                    datatype: "json",
                    colNames: ['File', 'Size', 'Date Uploaded'],
                    colModel: [
                    { name: 'FileName', index: 'File', width: 225 },
                    { name: 'FileSize', index: 'FileSize', width: 75 },
                    { name: 'DateCreated', index: 'DateCreated', width: 150 }
                ],
                    viewrecords: true,
                    sortorder: "desc",
                    sortname: "id",
                    autoWidth: true,
                    width: "100%",
                    shrinkToFit: true
                });
            });
]]> Thu, 11 Nov 2010 01:04:27 +0200