2014-01-02 2 views
0

есть моя страница и две сетки здесь ... первая сетка имеют этот стиль для заголовка столбцакак добавить два Differents jqgrid этого стиля

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

Это в table1, и в table2 у меня другая сетка, но без стиля

, когда нагрузка на странице, вторая сетка получить стиль для первой сетки и размера заголовка столбца 60

чем проблема?

PD: извините за мой английский

ответ

0

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

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

ничего себе, это действительно работает идеально, ТНХ Олег: D – Lumina

+0

@ user3112955: Вы приветствуются! – Oleg

0

<style> элементы должны быть добавлены в <head> элементу HTML документа и стиль применяется ко всему документу. Если тип стиля - это CSS, то содержимое <style> интерпретируется в соответствии с правилами сопоставления шаблонов CSS. В вашем случае, если высота будет применена ко всему элементу <table>, который имеет класс ui-jqgrid-htable, а это дочерний элемент любого типа элемента с классом ui-jqgrid.

Если вы хотите, чтобы стиль применялся только к одному элементу и его дочерним элементам, используйте атрибут style вместо элемента <style>.

Смежные вопросы