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
と、各ブラウザーで動作します。私がやりたいことは、各列ヘッダーのフォントを太字にすることです。loadComplete
IE の外部で 3 つのうち 2 つしか適用されないように見える理由がわかりません。何か案は?