IE9中的jqgrid水平滚动条问题

IE9在jqgrid上显示一个水平滚动条，这在使用chrome或mozilla呈现时并非如此。IE9中的jqgrid水平滚动条问题

以下是当我创造我的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",

来源

2012-02-07 Sam

请为了理智的爱，在你的代码上使用代码标记。为此，请选择该代码，然后单击工具栏中的代码按钮。我无法用现在的方式解析它。 – 2012-02-07 11:03:16

[这里]（http://meta.stackexchange.com/a/22189/147495）详细描述了如何格式化代码。 – Oleg 2012-02-07 11:25:09

我有同样的问题，所以我只是通过调用下面的函数禁用溢出，我设置的默认配置。在我的情况下，我只是在网格使用强制适合时才这样做，因为所有的列都应该适合，但是如果不使用强制适合，则可以省略条件语句。

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来做到这一点，如果它始终是你的网格

来源

2012-02-07 18:36:08

IE9中的jqgrid水平滚动条问题

回答

相关问题