0

jqGrid の loadComplete イベントに次のコードがあります。

loadComplete: function() { 
    $("td",".jqgrow").height(40);
     // alternate background of every other row
    $("tr.jqgrow:odd").css({"background-color": "#DDDDDC", "background-image": "none"});
    $("th.ui-th-column").css({"font":"bold"});
    }

各ブラウザで、最初の 2 行 (高さと奇数行の背景) が機能します。ただし、3 行目 ( $(th.ui-th-column).css({"font":"bold"});) は IE でのみ機能します。

Firefox では、各列ヘッダーに次のクラスがあります。

class="ui-state-default ui-th-column ui-th-ltr"role="columnheader"

IE8でも同じ。

HTML を jqGrid 内にラップするcolNamesと、各ブラウザーで動作します。私がやりたいことは、各列ヘッダーのフォントを太字にすることです。loadCompleteIE の外部で 3 つのうち 2 つしか適用されないように見える理由がわかりません。何か案は?

4

1 に答える 1