/ / как да добавите два различни стила на jqgrid - jquery, jqgrid

как да добавите два различни стила на jqgrid - jquery, jqgrid

има моята страница и две решетка тук ... първата решетка има този стил за заглавката на колоната

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

Това е в таблица1, а в таблица2 има друга решетка, но без стил

при зареждане на страницата, втората решетка получава стила за първата решетка и размерът на заглавката на колоната е 60

какъв е проблемът?

pd: съжалявам за моя английски

Отговори:

0 за отговор № 1

Стилът на CSS, който използвате, се прилага и върху двете решетки, защото използвате класове ui-jqgrid и ui-jqgrid-htable в правилото за CSS. Елементът с класовете съществува в двете решетки. Ако искате да приложите някои CSS настройки само в една мрежа, можете да използвате например идентификатори. Ако две решетки, които използвате, са с ID table1 и table2 например (използвате <table id="table1"></table> за първата решетка и <table id="table2"></table> за втория), тогава външната div създадена от jqGrid (които имат ui-jqgrid клас) ще има id = "gbox_table1" и id = "gbox_table2" (идентификационният номер на външното div ще бъде изграден въз основа на id на таблицата чрез добавяне на префикса "gbox_"). Така че трябва да кандидатствате height:60px само за първата решетка (с id = "table1"), тогава трябва да промените правилото CSS на

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

0 за отговор № 2

<style> елементите се добавят в <head> елемент на HTML документ, а стилът се прилага за целия документ. Ако типът на стила е CSS, то съдържанието на <style> се интерпретира в съответствие с правилата за съвпадение на шаблоните на CSS. Във вашия случай, ако височината ще бъде приложена към всички <table> елемент, който има ui-jqgrid-htable клас и е дете на всеки елемент тип с класа ui-jqgrid.

Ако искате да приложите стил само на един елемент и на неговите деца, използвайте a style атрибут вместо a <style> елемент.