jquery - 是否可以自定义 jqgrid 的外观和感觉？

Question

我想要我的jqgrid看起来像 bootstrap tables外观和感觉。
是否可以自定义外观和感觉。
我知道 jqgrid 支持(jquery 主题)，但我想要 bootstarp 的外观和感觉，而不是 jquery 主题。

Answer 1

问题是 jqGrid 是基于 jQuery UI CSS framework 。 jqGrid 从空构建网格 <table>动态元素。它插入了许多具有预定义 CSS 名称的元素，例如 "ui-widget" , "ui-widget-content" , "ui-state-hover" , "ui-icon"等等。

我从未使用过bootstrap前。看来它有自己的Base CSS框架。所以我看到的唯一方法是自定义 jQuery UI CSS，使其与 bootstrap 的外观相对应。您可以按照 Themeroller 执行此操作。在页面上，您可以交互地创建新的 jQuery UI 主题，它看起来非常接近 bootstrap CSS。最后，您可以通过单击“下载主题”按钮下载自定义 CSS(请参阅页面左侧的“Roll Your Own”选项卡)。或者您可以使用jQuery UI ThemeRoller Developer Tool创建新的 CSS。