/ / wie man zwei differents style's jqgrid hinzufügt - jquery, jqgrid

wie man zwei differents style's jqgrid - jquery, jqgrid hinzufügt

habe meine Seite und zwei Gitter hier ... das erste Gitter hat diesen Stil für den Spaltenkopf

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

Dies ist in Tabelle1 und in Tabelle2 hat mein anderes Raster aber ohne Stil

Beim Laden der Seite erhält das zweite Raster den Stil für das erste Raster und die Spaltenkopfgröße beträgt 60

Was ist das Problem?

pd: Entschuldigung für mein Englisch

Antworten:

0 für die Antwort № 1

Der von Ihnen verwendete CSS-Stil wird auf beide Raster angewendet, weil Sie ihn verwenden Klassen ui-jqgrid und ui-jqgrid-htable in der CSS-Regel. Das Element mit den Klassen existiert in beiden Grids. Wenn Sie einige CSS-Einstellungen nur auf ein Raster anwenden möchten, können Sie beispielsweise IDs verwenden. Wenn zwei Grids, die Sie verwenden, Ids haben table1 und table2 zum Beispiel (Sie benutzen <table id="table1"></table> für das erste Gitter und <table id="table2"></table> für den zweiten) dann das äußere div von jqGrid (die haben ui-jqgrid Klasse) wird id = "gbox_table1" und id = "gbox_table2" haben (die ID des äußeren Teilbereichs wird basierend auf der Tabellen-ID erstellt, indem das Präfix "gbox_" hinzugefügt wird). Also müssen Sie sich bewerben height:60px Nur für das erste Grid (mit id = "table1") sollten Sie dann die CSS-Regel auf ändern

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

0 für die Antwort № 2

<style> Elemente sollen in der hinzugefügt werden <head> Element eines HTML-Dokuments, und der Stil gilt für das gesamte Dokument. Wenn der Stiltyp CSS ist, dann ist der Inhalt des <style> wird gemäß den Mustervergleichsregeln von CSS interpretiert. In Ihrem Fall, wenn die Höhe für alle gilt <table> Element, das das hat ui-jqgrid-htable Klasse, und es ist ein Kind eines beliebigen Elementtyps mit der Klasse ui-jqgrid.

Wenn Sie möchten, dass ein Stil nur auf ein Element und seine untergeordneten Elemente angewendet wird, verwenden Sie a style Attribut anstelle von a <style> Element.