jquery-ui - jqGridの列の強調表示(ホバー時)をオフにする方法は?

Question

質問のタイトルはそれを非常にうまくまとめています（ちょっと）。jQueryテーマが有効になっている場合、jqGridの列のホバー効果とマウスオーバーハンドを削除するにはどうすればよいですか?

この変更は、jqGrid に関連付けられた css を編集することによって、同じページまたはシステム全体にある他のグリッドに影響を与えてはなりません。

Answer 1

ここで同じ質問に答えましたが、質問は複数の質問を含む「累積的な」質問だったため、スタックオーバーフローで見つけるのは難しい場合があります。

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、それらをオーバーライドするか、問題のある部分を削除できます。

この変更を 1 つのグリッドにのみ適用する場合は、次のことができます。

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