twitter-bootstrap 用于 Twitter Bootstrap 的 jqGrid

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/14954587/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-21 16:25:21  来源:igfitidea点击:

jqGrid for Twitter Bootstrap

twitter-bootstrapjqgrid

提问by Narendra V

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 andBootstrap successfully?

我正在工作的网站,在那里我使用 CSS 框架"Twitter Bootstrap"。与此同时,我使用 jqGrid 来显示网格数据,但问题是 jqGrid 依赖于 jQuery UI,这与 Bootstrap 样式冲突。有没有人成功地将 jqGrid 与 jQuery UIBootstrap一起使用?

Any examples/links are highly appreciated.

任何示例/链接都受到高度赞赏。

Thanks, Naren

谢谢,纳伦

采纳答案by Gonzalo

You can use "Datatables" for Bootstrap

您可以将“数据表”用于 Bootstrap

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

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

or simply Bootstrap table styles

或简单的 Bootstrap 表格样式

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

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

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

但是如果你无论如何都想使用 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
}