如何添加两种不同风格的jqgrid答案

【问题标题】：how to add two differents style's jqgrid如何添加两种不同风格的jqgrid
【发布时间】：2014-01-02 14:34:18
【问题描述】：

这里有我的页面和两个网格...第一个网格的列标题有这种样式

<style type="text/css">
 .ui-jqgrid table.ui-jqgrid-htable {
     height:60px;
 }
 </style>

这是在table1中，在table2中有我的另一个网格但没有样式

加载页面时，第二个网格获取第一个网格的样式，列标题大小为60

有什么问题？

pd：对不起我的英语

【问题讨论】：

标签： jquery jqgrid

【解决方案1】：

您使用的 CSS 样式适用于两个网格，因为您在 CSS 规则中使用了 classes ui-jqgrid 和 ui-jqgrid-htable。具有类的元素存在于两个网格中。如果您只想在一个网格上应用一些 CSS 设置，您可以使用例如 ids。例如，如果您使用的两个网格的 ID 为 table1 和 table2（第一个网格使用 <table id="table1"></table>，第二个网格使用 <table id="table2"></table>），那么由 jqGrid 创建的外部 div（具有 ui-jqgrid 类) 将具有 id="gbox_table1" 和 id="gbox_table2" （外部 div 的 id 将通过添加前缀“gbox_”基于表 id 构建）。那么您是否只需要为第一个网格（id="table1"）应用height:60px，那么您应该将 CSS 规则更改为

#gbox_table1 table.ui-jqgrid-htable {
    height:60px;
}

【讨论】：

【解决方案2】：

<style> 元素应该添加到 HTML 文档的 <head> 元素中，并且样式适用于整个文档。如果样式类型是 CSS，那么<style> 的内容会根据 CSS 的模式匹配规则进行解释。在您的情况下，如果高度将应用于具有 ui-jqgrid-htable 类的所有 <table> 元素，并且它是具有类 ui-jqgrid 的任何元素类型的子元素。

如果您希望仅将样式应用于一个元素及其子元素，请使用 style 属性而不是 <style> 元素。

【讨论】：