如何添加两个不同样式的jqgrid

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

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

这是在table1中，而在table2中有我的其他网格，但没有样式

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

问题是什么？

pd：对不起我的英语

Answer 1

您使用的CSS样式将应用于两个网格，因为您在CSS规则中使用类 ui-jqgrid和ui-jqgrid-htable 。 具有类的元素存在于两个网格中。 如果您想在一个网格上应用一些CSS设置，您可以使用例如ids。 如果你使用的两个网格有例如table1和table2 （第一个网格使用

而第二个网格使用

）然后由jqGrid创建的外部div（具有ui-jqgrid类）将具有id =“gbox_table1”和id =“gbox_table2”（外部div的id将基于表id通过添加前缀“gbox_”来构建） 。 所以你需要应用height:60px只用于第一个网格（id =“table1”）然后你应该将CSS规则更改为

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

Answer 2

元素应该添加到HTML文档的元素中，并且该样式适用于整个文档。 如果样式类型是CSS，则根据CSS的模式匹配规则解释

的内容。 在您的情况下，如果height将应用于具有ui-jqgrid-htable类的所有

元素，并且它是具有类ui-jqgrid的任何元素类型的子元素。

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

元素。