Question

在IE10中，当数据为un-frozen column headers时，scrolled horizontally正在滚动。 IE 10 ，没有问题，正常工作 预期。

但在IE11和chrome latest version中，Un-Frozen columns headers在moving(scrolling)中执行horizontal scroll时，jqgrid不是frozen to true。 / p>

我将前两列设为$grid.jqGrid({ datatype: 'local', data: myData, colNames: ['Column1', 'Column2', 'Column3', 'Column4', 'Column5', 'Column6', 'Column7', 'Column8', 'Column9', 'Column10', 'Column11', 'Column12'], colModel: [ { name: 'col1', index: 'col1', frozen: true }, { name: 'col2', index: 'col2', frozen: true }, { name: 'col3', index: 'col3' }, { name: 'col4', index: 'col4' }, { name: 'col5', index: 'col5' }, { name: 'col6', index: 'col6' }, { name: 'col7', index: 'col7' }, { name: 'col8', index: 'col8' }, { name: 'col9', index: 'col9' }, { name: 'col10', index: 'col10' }, { name: 'col11', index: 'col11' }, { name: 'col12', index: 'col12' } ], shrinkToFit: false, rowNum: 20, rowList: [5, 10, 20, 50, 100], pager: '#pager', gridview: true, ignoreCase: true, rownumbers: true, sortname: 'col3', viewrecords: true, sortorder: 'desc', caption: "TEST", height:'auto' }); $grid.jqGrid('setFrozenColumns');。

代码：

.ui-jqgrid .ui-jqgrid-bdiv {
        position: relative;
        margin: 0em;
        padding: 0;
        overflow: auto;
        text-align: left;
        height:650px !important;
    }

CSS

Un-Frozen columns headers

在moving(scrolling)中进行horizontal scroll时，{p> jqgrid与IE11不同，特别是Chrome和{{1}}。给我一个解决方案。感谢。

Answer 1

尝试添加

$grid.triggerHandler("jqGridAfterGridComplete");

直接在$grid.jqGrid("setFrozenColumns");之后。如果在调用setFrozenColumns之前填充jqGrid body ，则应该这样做。在我看来，jqGrid的问题（参见the thread中的最后一篇文章），应该修复，但Tony（jqGrid的开发者）对此问题有另一种看法。

顺便说一下，我认为你不需要使用CSS。而不是你应该在网格中指定width选项，以便网格具有水平滚动条。

在jqgrid中进行水平滚动时，Un-Frozen列标题不会与数据一起移动（滚动），尤其是在IE11和Chrome中？

1 个答案: