jQuery модальный диалог с использованием разных стилей?

Question

Когда мы отображаем нашу сетку (jqGrid) в модальном диалоговом окне jQuery, она использует разные стили (особенно размер шрифта) по сравнению с сеткой, отображаемой на нашем главном экране. Есть идеи почему?

Answer 1

Все в порядке. JqGrid - это плагин jQuery , а не виджет jQuery UI , но jqGrid использует стили пользовательского интерфейса jQuery, поэтому внешний вид очень близок. Не то же самое, но близко.

Вы можете включить какой-нибудь код в свой вопрос, тогда вам может помочь.

ОБНОВЛЕНО : jqGrid использует font-size:11px в отображаемых диалоговых окнах. Вы можете использовать тот же параметр CSS для диалоговых окон пользовательского интерфейса jQuery и перезаписать значение по умолчанию 1.1em . Для этого вы можете включить в свой CSS

.ui-widget { font-size: 11px !important; }

Answer 2

Явная установка стиля сетки jq в определении таблицы - class="ui-jqgrid" - похоже, работает:

<div style="display:none" id="dialog-activity">
<table class="ui-jqgrid" id="tact_list"></table>
<div id="tact_pager"></div>
</div>