jqgrid IE9での水平スクロールバーの問題

Question

IE 9では、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", 

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を介してこれを行うことができます