問題タブ [zebra-striping]

jqGrid はゼブラ ストライピングをサポートしていますか? 例が見当たりません。

ゼブラストライプとは、偶数行ごとに 1 つの色があり、奇数行ごとに別の色があることを意味します。

現在、JQuery UI テーマを使用してグリッドのテーマを設定しています。理想的には、ストライピングを行う方法が UI テーマの使用に干渉しないようにすることです。

私が使用する通常のhtmlテーブルの場合

テーブルのストライピング用。しかし、明らかにそれは ajax では機能しません。すべての新しいテーブル行のインデックスは「-1」であるため、すべての新しい行がクラスを取得します。

http://brandonaaron.netの Live Query-Plugin でも役に立ちません。助言がありますか？

jqGrid をaltclassset および とともに使用しhoverrows:trueます。行をクリックすると、altclassクラスが適用されなくなり、クリックした行でホバー効果が機能しなくなります。どうすればこれを防ぐことができますか?

テーブルソーターを使用するasp.net GridViewがあります。

再ソート時に再ストライプ化するゼブラストライプを適用するにはどうすればよいですか?

編集: @Chetan Sastry が指摘したように、次のように簡単です。

jqGrid でゼブラ ストライピングを機能させることができません。

altclass と altRowsを使用します。問題はui-widget-content、JQuery UI のクラスに、backgroundaltclass のbackground設定をオーバーライドする設定があるように見えることです。何か案は？

更新：以下の両方の回答が機能します。Oleg's は、これまでで最もクリーンなソリューションです。

Oleg のソリューションを機能させるには、JQuery UI CSS クラスを含めた後に altRows クラスを定義する必要があります。これは、JQuery UI とカスタム alt rows クラスの両方が background プロパティを定義し、最後に定義されたクラスが wins であるためです。

複数の div の長いリストがあります... 20 div としましょう

すべてが別のものにラップされます..

2 つの div のうちの 1 つにクラス「グレー」を追加して、ゼブラにするのが好きです! jqueryください！

クラスによってタグ付けされた行を含むテーブルがあります。これらの行は、ゼブラ ストライプにする必要があります。注意点は、それらが常に連続しているわけではないということです。

テーブルとクラス名でマッチングを試みましたが、最終結果は常に正しくありません。何が起こっているかというと、ストライピングがテーブル レベルで適用され、クラスを持つ行でのみ有効になります。

これを意図したとおりに機能させるには、何を変更する必要がありますか?

脚本

HTML

私はjqueryを使用してテーブルをゼブラストライプしていますが、これは正常に機能しています。ただし、ストライプが適用されているラジオボタンリストがあります。

私のテーブルには

クエリは

偶数行の1つにasp.netラジオボタンリスト（単一行テーブルとしてレンダリングされる）が含まれている場合の問題は、ハイライトも取得します。

これを回避する方法はありますか？

Zebraストライピングの実装に若干の問題があります。FF3.6とChrome10では交互に色が表示されますが、IE 8では機能しません。何か提案はありますか？

コード：

Css：

http://primefaces.prime.com.tr/forum/viewtopic.php?f=3&t=5713&p=34932#p34932にも投稿されています

jsf：

前提条件：
白と灰色の行を持つゼブラスタイルのテーブルを用意する
手順：
1。行にマウスを合わせると、ホバーします
。2.マウスを外すと、白になります。

事後条件：テーブルは「ゼブラネス」を失いました

#{a4jSkin.tableBackgroundColor}白色に評価されたために発生しました。
ゼブラのスタイリングを維持する方法は？

助けてくれてありがとう。