web-dev-qa-db-ja.com

jqGrid for Twitter Bootstrap

私はCSSフレームワークを使用しているWebサイトで作業しています"Twitter Bootstrap"。それに加えて、グリッドデータを表示するためにjqGridを使用していますが、問題は、jqGridがjQuery UIに依存していることです。これは、Bootstrapスタイルと競合します。jQueryUIでjqGridを使用した人はいますかandBootstrap正常に?

任意の例/リンクを高く評価します。

ありがとう、ナレン

18
Narendra V

Bootstrapには「Datatables」を使用できます

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

または単にBootstrapテーブルスタイル

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
}
16
Gonzalo