如何解决行的对齐问题？答案

【问题标题】：How do i fix alignment issue of rows?如何解决行的对齐问题？
【发布时间】：2017-01-08 00:22:24
【问题描述】：

在小提琴fiddle code 一个jqpivot 显示汽车的销售数据。以下问题可能是 CSS 问题或配置问题。当我在 IE 中运行相同的代码时，网格的高度大小设置为 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 上是肉眼可见的。我该如何解决这个问题？

【问题讨论】：

标签： jqgrid free-jqgrid jqpivot

【解决方案1】：

我无法在 IE 中重现该问题，但我建议您添加

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

在您的代码中强制重新计算冻结 div 的所有元素的高度和位置。以https://jsfiddle.net/OlegKi/rkxutxuv/7/ 为例。

【讨论】：

这个问题是 IE 问题这里的证据是指这个 youtube 视频youtu.be/G3EJDSMLHB8 这是一个 IE 的缩放器问题。通常 IE 在向下滚动时会显示行的中断效果。如果我放大然后滚动我上面提到的问题是非常明显的。但是一旦我放大我必须重新加载页面以停止对齐问题。不过我已经添加了你推荐的代码，谢谢：)
@Dore.Ad：应该添加 resize 事件处理程序来检测缩放。请参阅stackoverflow.com/a/25036623/315935、stackoverflow.com/a/14517805/315935 等。一种使用$(window).bind("resize", function () {...}).triggerHandler("resize"); 并在resize 处理程序内部调用setGridWidth。无需重新加载页面。
目前我正在 chrome 和 IE 上进行测试，现在问题已解决，但 IE 浏览器仍然存在一个明显问题，当我垂直滚动记录时，我在 chrome 上看不到这个问题线条中断一秒钟，然后重新对齐。这是 IE 错误吗？