Можно ли настроить внешний вид jqgrid?

Я хочу, чтобы мой jqgrid выглядел как загрузочные таблицы. Можно ли настроить внешний вид. Я знаю, что поддержка jqgrid (тема jquery), но я хочу, чтобы внешний вид bootstarp и не тема jquery.

Ответы

Ответ 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, тогда необходимо выполнить те же настройки, что и дважды.

http://addyosmani.github.com/jquery-ui-bootstrap/

Ответ 6

Я использую бесплатный jqGrid (ветвь trirand jqGrid), и он поддерживает встроенный стиль. Вы можете настроить внешний вид с помощью двух основных опций: