我在 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"});
}
在每个浏览器中,前两行(高度和奇数行背景)都有效。但是,第三行($(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 个。有任何想法吗?