/ / ako pridať dva rôzne štýly jqgrid - jquery, jqgrid

ako pridať dva rôzne štýly jqgrid - jquery, jqgrid

moja stránka a dve mriežky tu ... prvá mriežka má tento štýl pre hlavičku stĺpca

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

Toto je v tabuľke1 a v tabuľke2 moja iná sieť, ale bez štýlu

pri načítaní stránky získa druhá mriežka štýl prvej mriežky a veľkosť hlavičky stĺpca je 60

aký je problém?

pd: ľúto pre moju angličtinu

odpovede:

0 pre odpoveď č. 1

Štýl CSS, ktorý používate, sa používa na oboch sieťach, pretože používate vyučovanie ui-jqgrid a ui-jqgrid-htable v pravidle CSS. Prvok s triedami existuje v obidvoch mriežkach. Ak chcete použiť iba niektoré nastavenia CSS na jednej mriežke, môžete použiť napríklad ID. Ak používate dve gridy, ktoré majú ID table1 a table2 napríklad (používate <table id="table1"></table> pre prvú sieť a <table id="table2"></table> pre druhú) potom vonkajšie div vytvoril jqGrid (ktoré majú ui-jqgrid trieda) bude mať id = "gbox_table1" a id = "gbox_table2" (identifikácia vonkajšej div bude postavená na základe ID tabuľky pridaním predpony "gbox_"). Takže musíte požiadať height:60px iba pre prvú mriežku (s id = "table1") potom by ste mali zmeniť pravidlo CSS na

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

0 pre odpoveď č. 2

<style> prvky by mali byť pridané do <head> prvku dokumentu HTML a štýl sa vzťahuje na celý dokument. Ak je typom štýlu CSS, potom obsah <style> sa interpretuje podľa pravidiel zhody pravidiel CSS. Vo vašom prípade, ak výška bude aplikovaná na všetkých <table> element, ktorý má ui-jqgrid-htable triedy a je to dieťa akéhokoľvek typu prvku s triedou ui-jqgrid.

Ak chcete, aby sa štýl aplikoval iba na jeden prvok a jeho deti, použite tlačidlo a style atribút namiesto a <style> element.