适用于Twitter Bootstrap的jqGrid [英] jqGrid for Twitter Bootstrap

问题描述

我正在使用CSS框架"Twitter Bootstrap" .与此同时，我正在使用jqGrid来显示网格数据，但是问题是jqGrid依赖于jQuery UI，这与Bootstrap样式冲突.是否有人成功将jqGrid与jQuery UI 和 Bootstrap结合使用?

I am working website, where I am using CSS framework "Twitter Bootstrap". Along with that I am using jqGrid for showing the grid data, but the problem is that jqGrid depends on jQuery UI, which conflicts with Bootstrap styles. Has anyone used jqGrid with jQuery UI and Bootstrap successfully?

高度赞赏任何示例/链接.

Any examples/links are highly appreciated.

谢谢， 纳仁(Naren)

Thanks, Naren

推荐答案

您可以为Bootstrap使用数据表"

You can use "Datatables" for Bootstrap

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

或者只是Bootstrap表样式

or simply Bootstrap table styles

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

但是如果仍然要使用jqGrid，则必须添加该CSS类来解决某些样式冲突

But if you want to use jqGrid anyway, you must add that css classes to resolve some style conficts

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
}

这篇关于适用于Twitter Bootstrap的jqGrid的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！