我正在使用带有guiStyle: bootstrap的free-jqgrid 4.13.1。在我的jqgrid中，当鼠标移动到一行时，它总是添加“活动”类。当用户使用网格时，我需要特殊的CSS规则不受影响。那么，当用户将鼠标悬停在每一行时，如何让我的jqgrid不为每一行添加“活动”类？
答案 0 :(得分：1)
我想你使用$(function () {
var window_width = 750; // or $(window).width();
if ($(window).width() < 768) {
$('.small').addClass('dropdown-menu');
$('.deeper').removeClass('parent');
$('.small').removeClass('nav-child');
$('.deeper .nav-header').attr({id: 'dLabel', type: 'button', 'data-toggle':'dropdown', 'aria-haspopup':'true', 'aria-expanded': 'false'});
} else {
$('.small').removeClass('dropdown-menu');
$('.deeper').addClass('parent');
$('.small').addClass('nav-child');
$('.deeper .nav-header').attr({id: '', type: '', 'data-toggle':'', 'aria-haspopup':'', 'aria-expanded': ''});
}
});
在免费的jqGrid中使用Bootstrap CSS（参见here）。如果在添加班级guiStyle: "bootstrap"时将其悬停在该行上。
您可以使用"active"更改行为。
更新：hoverrows: false的设置包括guiStyle: "bootstrap"选项的使用。因此，在使用table-hover的情况下，建议使用hoverrows: false选项。有关详细信息，请参阅免费jqGrid代码的the part。另一方面，如果您希望从jqGrid中删除悬停效果，那么您应该创建没有guiStyle: "bootstrap"类的自定义Bootstrap GUI样式并使用该样式。
The demo演示了这种方法。它使用
定义table-hover GUI样式
bootstrapNoHover然后使用$.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：“bootstrap”。