行の配置問題を解決するにはどうすればよいですか？

on fiddle fiddle code jqpivotは自動車の販売データを表示します。次の問題は、CSSの問題または設定の問題です。私は、ときに、ユーザーがスクロールダウン、下の画像に示すように100行の配置問題を解決するにはどうすればよいですか？

{ 
    iconSet: "fontAwesome", 
    cmTemplate: { autoResizable: true, width: 75 }, 
    shrinkToFit: false, 
    useUnformattedDataForCellAttr: false, 
    autoResizing: { compact: true }, 
    groupingView: { 
     groupField: ["x0"], 
     groupColumnShow: [false], 
     groupText: ["<span class='group-text'>{0}</span>"] 
    }, 
    width: 600, 
    height:100, 
    toolbar: [true, "top"], 
    pager: true, 
    rowNum: 7, 
    threeStateSort: true, 
    sortname:['x1'], 
    caption: "<b>Car sales statistics</b>", 
    rowList: [5,7, 10, 20, 100, "10000:All"] 
});

にグリッド・セットの高さのサイズを有するIEで同じコードを実行し、ハイライトショー行上の点で停止し、クリックしたとき行が1行ではなく、視覚的に分割されていることを示します。。大規模なデータセットでは、これはIEの肉眼では非常に目に見えます。どうすればこの問題を解決できますか？

出典

2017-01-08 Dore.Ad

私はIEで問題を再現することはできませんが、私は、高さの再計算や冷凍のdiv要素のすべての要素の位置を強制するために、あなたのコード内で

$grid.trigger("jqGridResizeStop.setFrozenColumns");

を追加するようにお勧めします。例としてhttps://jsfiddle.net/OlegKi/rkxutxuv/7/を参照してください。

出典

2017-01-08 00:56:46 Oleg

この問題はIEの問題です。ここの証拠は、このYouTube動画https://youtu.be/G3EJDSMLHB8のIEのZoomerの問題を参照してください。通常、IEはスクロールダウン時に行の中断効果を示します。ズームインすると上記の問題をスクロールすると非常に目立ちます。一度ズームインすると、整列の問題を止めるためにページをリロードする必要があります。しかし、私はあなたにお勧めのコードを追加しました： –

@ Dore.Ad：ズームを検出する* resize *イベントハンドラを追加する必要があります。 http://stackoverflow.com/a/25036623/315935、http://stackoverflow.com/a/14517805/315935などを参照してください。 '$（window）.bind（" resize "、function（）{...}）。triggerHandler（" resize "）;'と 'setGridWidth'を' resize'ハンドラの中で呼び出します。 1つは、ページをリロードする必要はありません。 – Oleg

現時点では私はクロムとIEのテストを行っていますが、問題は解決しましたが、IEブラウザではまだ目に見える問題が1つあり、クロムには表示されません。次に再調整する。これはIEのバグですか？ –

行の配置問題を解決するにはどうすればよいですか？

答えて

関連する問題