Я хочу, чтобы мой jqgrid выглядел как загрузочные таблицы. Можно ли настроить внешний вид. Я знаю, что поддержка jqgrid (тема jquery), но я хочу, чтобы внешний вид bootstarp и не тема jquery.
Можно ли настроить внешний вид jqgrid?
Ответ 1
У меня была такая же проблема, и в итоге я отказался от jqgrid и получал DataTables - http://datatables.net/. Его очень похоже на jqgrid, возможно, имеет лучшую функциональность и поставляется с инструкциями о том, как стилизовать его как bootstrap - http://datatables.net/blog/Twitter_Bootstrap.
Ответ 2
Проблема в том, что jqGrid основаны на jQuery UI CSS framework. jqGrid динамически строить сетку из пустого элемента <table>
. Он вставляет много элементов, имеющих предопределенные имена CSS, такие как "ui-widget"
, "ui-widget-content"
, "ui-state-hover"
, "ui-icon"
и т.д.
Я никогда раньше не использовал bootstrap. Кажется, что у него есть собственный базовый CSS. Таким образом, единственный способ, который я вижу, это то, что вы настраиваете jQuery UI CSS так, чтобы он соответствовал поиску начальной загрузки. Вы можете сделать это в отношении Themeroller. На странице вы можете в интерактивном режиме создать новую тему пользовательского интерфейса jQuery, которая выглядит очень близко к загрузочному CSS. В конце вы можете загрузить настроенный CSS, нажав кнопку "Загрузить тему" (см. Левую часть на странице на вкладке "Сворачивать свой собственный" ). В качестве альтернативы вы можете использовать jQuery UI ThemeRoller Developer Tool для создания нового CSS.
Ответ 3
У меня была такая же проблема, создался мой собственный стиль CSS. Проверьте: https://github.com/Soliman/jqGrid.bootstrap. Это немного грязно, но это начало и работает для меня.
Ответ 4
jqGrid с использованием jQuery UI на основе html и классов, поэтому тема Bootstrap для пользовательского интерфейса jQuery должна делать трюк, если вы не настроили свой Bootstrap, тогда необходимо выполнить те же настройки, что и дважды.
Ответ 5
Другая тема для jqGrid для начальной загрузки: http://jquery-ui-bootstrap.github.io/jquery-ui-bootstrap/extra.html#jqgrid
Ответ 6
Я использую бесплатный jqGrid (ветвь trirand jqGrid), и он поддерживает встроенный стиль. Вы можете настроить внешний вид с помощью двух основных опций:
-
guiStyles
(https://github.com/free-jqgrid/jqGrid/blob/master/dist/jquery.jqgrid.src.js#L600):jQueryUI
,bootstrap
,bootstrapPrimary
,bootstrap4
-
icons
: (https://github.com/free-jqgrid/jqGrid/blob/master/dist/jquery.jqgrid.src.js#L389):jQueryUI
,fontAwesome
,glyph