用于 Twitter Bootstrap 的 jqGrid [关闭]答案

【问题标题】：jqGrid for Twitter Bootstrap [closed]用于 Twitter Bootstrap 的 jqGrid [关闭]
【发布时间】：2013-02-19 09:55:24
【问题描述】：

我正在使用 CSS 框架 “Twitter Bootstrap” 的网站。除此之外，我还使用 jqGrid 来显示网格数据，但问题是 jqGrid 依赖于 jQuery UI，这与 Bootstrap 样式冲突。有没有人成功使用 jqGrid 和 jQuery UI 和 Bootstrap？

非常感谢任何示例/链接。

谢谢，娜仁

【问题讨论】：

您的意思是“样式与引导样式不同步”？你到底有什么问题？您使用哪个 jQuery UI 主题？
看看wrapbootstrap.com/theme/ace-responsive-admin-template-WB0B30DGR
试试jquery-ui-bootstrap.github.io/jquery-ui-bootstrap/…
“因不具建设性而关闭”facepalm。这个问题到底有多不合适。快点。你只是拖钓意志。这家伙正在寻找集成 jqgrid 和引导程序的方向，这正是堆栈溢出的目的
这个问题很有建设性。我相信许多其他人会寻找相同的答案。也许英语并不完美，但这并不意味着它没有建设性。请用马歇尔法冷却它...

标签： twitter-bootstrap jqgrid

【解决方案1】：

您可以在 Bootstrap 中使用“数据表”

http://www.datatables.net/blog/Twitter_Bootstrap_2

或者只是引导表样式

http://twitter.github.com/bootstrap/base-css.html#tables

但是如果你还是想使用 jqGrid，你必须添加那个 css 类来解决一些样式冲突

input.ui-pg-input {
    width: auto;
    padding: 0px;
    margin: 0px;
    line-height: normal
}
select.ui-pg-selbox {
    width: auto;
    padding: 0px;
    margin: 0px;
    line-height: normal
}

【讨论】：