Jqgrid горизонтальная полоса прокрутки проблема в IE9

Question

IE 9 отображает горизонтальную полосу прокрутки на jqgrid, что не имеет место при рендеринге в Chrome или Mozilla.

Ниже приведены настройки по умолчанию, которые я устанавливаю при создании jqgrid

datatype: "local",

colNames: ['Name', 'Note Type', 'Based On', 'Version', 'Status', 'Description', 'Id', 'Tags', 'TemplateId', 'TemplateVersionId', 'IsLocked'],

colModel: [
                { name: 'Name', index: 'Name', title: false, resizable: false, width: 175, classes: 'grid-pointer' },
                { name: 'NoteType', index: 'NoteType', width: 100, title: false, resizable: false, classes: 'grid-pointer', cellattr: function () { return 'style="white-space: normal";"height:auto";"vertical-align:text-top;"'; } },
                { name: 'BasedOn', index: 'BasedOn', width: 100, title: false, resizable: false, classes: 'grid-pointer', cellattr: function () { return 'style="white-space: normal";"height:auto";"vertical-align:text-top;"'; } },
                { name: 'Version', index: 'Version', classes: 'grid-pointer', align: "right", width: 50, title: false, resizable: false },
                { name: 'Status', index: 'Status', width: 80, classes: 'grid-pointer', title: false, resizable: false },
                { name: 'Description', index: 'Description', title: false, resizable: false, width: 135, formatter: self.trimDescription, classes: 'grid-pointer' },
                { name: 'id', index: 'id', hidden: true, title: false },
                { name: 'Tags', index: 'Tags', hidden: true },
                { name: 'TemplateId', index: 'TemplateId', hidden: true },
                { name: 'TemplateVersionId', index: 'TemplateVersionId', hidden: true },
                { name: 'IsLocked', index: 'IsLocked', hidden: true}],
            sortname: 'Name',
            rowNum: 10,
            sortorder: 'asc',
            loadonce: true,
            viewrecords: true,
            multiselect: false,
            autowidth:true,
            height: 'auto',
            rowList: [10, 20, 30],
            pager: '#template-grid-pager',
            noRecordText: "No records to view",

Answer 1

У меня была такая же проблема, поэтому я просто отключил переполнение, вызвав следующую функцию. В моем случае я делаю это только в том случае, если сетка использует подгонку по силе, поскольку все столбцы должны соответствовать, но если вы не используете подгонку по силе, вы можете опустить условное выражение.

function jqGridDisableHScroll() {
    //if columns are force fit all columns will always fit on screen.
    if ($('#yourgrid').jqGrid('getGridParam', 'forceFit')) {
        var gridview = $('#gview_yourgrid');
        $('.ui-jqgrid-bdiv', gridview).css({ 'overflow-x': 'hidden' });
    }
}

Примечание: обратное действие должно быть выполнено, хотя, если изменение размера столбца разрешено и принудительное подгонка не включена. Также вы можете просто сделать это через css, если это всегда будет иметь место для ваших сеток