我希望我的jqgrid看起来像引导表的外观和感觉。
是否可以自定义外观。
我知道 jqgrid 支持（jquery 主题），但我想要 bootstarp 的外观和感觉，而不是 jquery 主题。
问问题
15477 次
6 回答
9
问题是 jqGrid 基于jQuery UI CSS 框架。jqGrid 从空<table>元素动态构建网格。它插入了许多具有预定义 CSS 名称的元素，如、"ui-widget"、"ui-widget-content"等。"ui-state-hover""ui-icon"
我以前从未使用过引导程序。似乎它有自己的Base CSS框架。所以我看到的唯一方法是您自定义 jQuery UI CSS，以便它对应于引导程序的外观。您可以针对Themeroller执行此操作。在页面上，您可以交互地创建新的 jQuery UI 主题，它看起来非常接近引导 CSS。最后，您可以通过单击“下载主题”按钮下载自定义的 CSS（请参阅页面左侧的“滚动您自己的”选项卡）。或者，您可以使用jQuery UI ThemeRoller 开发工具来创建新的 CSS。
于 2012-04-28T14:37:54.580 回答
7
我遇到了同样的问题，最终放弃了 jqgrid 并获得了 DataTables - http://datatables.net/。它与 jqgrid 非常相似，可以说具有更好的功能，并附带有关如何像 bootstrap 一样设置样式的说明 - http://datatables.net/blog/Twitter_Bootstrap。
于 2012-05-02T08:31:45.000 回答
4
我有同样的问题，创建了自己的 CSS 样式。检查：https ://github.com/Soliman/jqGrid.bootstrap 。这有点混乱，但这是一个开始，对我有用。
于 2013-01-17T19:56:14.067 回答
3
jqGrid 使用基于 jQuery UI 的 html 和类，因此 jQuery UI 的 Bootstrap 主题应该可以解决问题，除非您自定义了 Bootstrap，否则需要进行两次相同的自定义。
于 2012-11-02T14:47:34.677 回答
0
jqGrid 的另一个引导主题：http: //jquery-ui-bootstrap.github.io/jquery-ui-bootstrap/extra.html#jqgrid
于 2014-07-02T09:43:02.413 回答
0
我正在使用免费的 jqGrid（trirand jqGrid 的一个分支），它支持内置样式。您可以使用两个主要选项调整外观：
guiStyles( https://github.com/free-jqgrid/jqGrid/blob/master/dist/jquery.jqgrid.src.js#L600 ):jQueryUI,bootstrap,bootstrapPrimary,bootstrap4icons: ( https://github.com/free-jqgrid/jqGrid/blob/master/dist/jquery.jqgrid.src.js#L389 ):jQueryUI,fontAwesome,glyph
于 2017-02-22T18:36:21.643 回答