阻止 free-jqGrid 在 table 行上设置活动 class

Question

我正在使用带有 guiStyle: bootstrap 的 free-jqgrid 4.13.1。在我的 jqgrid 中，它总是在鼠标移过一行时添加 "active" class。我要求特殊的 CSS 规则在用户使用网格时不受影响。那么如何让我的 jqgrid 在用户将鼠标悬停在每一行上时不添加 "active" class？

Answer 1

我假设您在免费的 jqGrid 中使用 guiStyle: "bootstrap" 来使用 Bootstrap CSS（参见 here）。在这种情况下 class "active" 将在悬停该行时添加。

您可以使用 hoverrows: false 来改变行为。

更新： guiStyle: "bootstrap" 的设置包括 table-hover 选项的使用。因此，在使用 guiStyle: "bootstrap" 的情况下，hoverrows: false 是推荐的选项。有关详细信息，请参阅免费 jqGrid 代码的 the part。另一方面，如果你想 从 jqGrid 中删除悬停效果 那么你应该创建没有 table-hover class 的自定义 Bootstrap GUI 样式并使用样式.

The demo 演示了该方法。它使用

定义 bootstrapNoHover GUI 样式

$.jgrid.guiStyles.bootstrapNoHover = {
    baseGuiStyle: "bootstrap",
    hTable: "table table-condensed table-bordered",
    subgrid: {
        legacyTable: "table table-condensed table-bordered"
    },
    grid: "table table-condensed table-bordered",
    gridFooter: "table table-condensed table-bordered"
};

然后使用 guiStyle: "bootstrapNoHover" 而不是 guiStyle："bootstrap".

阻止 free-jqGrid 在 table 行上设置活动 class

Block free-jqGrid from setting active class on table row

jquery

jqgrid

free-jqgrid