0

こんにちは、jquery UI テーマを持つ jqgrid を使用しています。Web サイトの私のマスター ページは、ベース css フレームワークとして zurb 基盤フレームワークを使用しています。

jqgrid を使用した Web ページは、zurb の基礎 css を含めなければ完璧にレンダリングされますが、それを含めると... css は jqgrid に対して適切にレンダリングされません。

1 つの Web ページに 2 つの異なる css フレームワークを含めようとしており、これら 2 つのフレームワークには互いに競合する一般的な css クラスがいくつかあるため、その理由がわかります。

多くの jqueryui コンポーネントを zurbfoundation コンポーネント + css と組み合わせて使用​​するため、これら 2 つのフレームワークを使用する必要があります。

これらの競合に対処する方法はありますか。私の考えた解決策の 1 つは、jqgrid を使用している Web ページで iframe を使用することでした...しかし、それは私の最後の好みです。

または、jqueryUI を使用せずに jqgrid を使用できる方法はありますか?

4

2 に答える 2

0

修正できました。Foundation.cssには、テーブルタグと入力[テキスト]タグの一般的なクラスがありました。これらのクラスにコメントすることで、競合を取り除くことができました。

于 2012-09-11T18:20:57.673 に答える
0

これをスタイルシートに追加して、デフォルトの Foundation テーブル スタイルをオーバーライドします。

.ui-widget table {
    border: none;
}

.ui-widget table tbody tr:nth-child(even),
.ui-widget table thead, 
.ui-widget table tfoot {
    background-color: transparent;
}
于 2013-05-01T15:21:22.920 に答える