/ / 2つの異なるスタイルを追加する方法jqgrid - jquery、jqgrid

2つの異なるスタイルを追加する方法jqgrid - jquery、jqgrid

ここに私のページと2つのグリッドがあります...最初のグリッドは、このヘッダーのスタイルを持っています

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

これはtable1にあり、table2には他のグリッドがありますがスタイルはありません

ページをロードすると、2番目のグリッドが最初のグリッドのスタイルを取得し、列ヘッダーのサイズが60

何が問題ですか?

pd:私の英語のために申し訳ありません

回答:

回答№1は0

使用するCSSスタイルは、両方のグリッドに適用されます。 クラス ui-jqgrid そして ui-jqgrid-htable CSSルールではクラスを持つ要素は両方のグリッドに存在します。 1つのグリッドにいくつかのCSS設定を適用したい場合は、例のIDだけを使用できます。使用する2つのグリッドにidsがある場合 table1 そして table2 たとえば、(あなたは <table id="table1"></table> 最初のグリッドと <table id="table2"></table> 2番目はjqGridによって作成された外部divです。 ui-jqgrid class)はid = "gbox_table1"とid = "gbox_table2"を持ちます(外側のdivのIDは接頭辞 "gbox_"を追加してテーブルIDに基づいてビルドされます)。だからあなたは応募する必要がありますか? height:60px 最初のグリッド(id = "table1")の場合のみ、CSSルールを次のように変更する必要があります。

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

回答№2の場合は0

<style> 要素は、 <head> HTML文書の要素であり、スタイルは文書全体に適用されます。スタイルの種類がCSSの場合、 <style> CSSのパターンマッチルールに従って解釈されます。あなたの場合、高さがすべてに適用される場合 <table> 要素 ui-jqgrid-htable クラスを持つ要素型の子です ui-jqgrid.

スタイルが1つの要素とその子にのみ適用されるようにするには、a style 属性の代わりに <style> 素子。