如何解决行的对齐问题？

Question

fiddle 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 上肉眼可见。我该如何解决这个问题？

Answer 1

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

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

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

如何解决行的对齐问题？

How do i fix alignment issue of rows?

jqgrid

jqpivot

free-jqgrid