jquery-ui - 如何关闭 jqGrid 的列突出显示（悬停时）？

Question

问题的标题很好地总结了它（有点）。如果启用了 jQuery 主题，如何删除 jqGrid 中列的悬停效果以及鼠标悬停的手？

通过编辑与 jqGrid 关联的 css，此更改不得影响可能在同一页面上或系统范围内的其他网格。

Answer 1

我在这里回答了同样的问题，但是因为这个问题是包含多个问题的“累积”问题，所以很难在 stackoverflow 上找到。

jqGrid 使用jQuery.hover绑定mouseenter到作为列标题mouseleave的<th>元素（参见代码行）。因此，只需在创建网格后取消绑定事件即可。为此，可以使用如下代码

$($("#gridId")[0].grid.hDiv).find(".ui-jqgrid-labels th.ui-th-column")
    .unbind("mouseenter")
    .unbind("mouseleave");

Answer 2

CSS 类 .ui-jqgrid .ui-jqgrid-bdiv .ui-state-hover，您可以覆盖它们或删除有问题的部分。

如果您只想将此更改应用于一个网格，您可以

#GridName .ui-state-hover {.....