問題タブ [zebra-striping]

「ゼブラ」色の行でテーブルのスタイルを設定しようとしていますが、何らかの理由で、rowClasses属性が機能していないようです（編集：テーブルに色がまったく適用されていません）。

私は次のようにスタイルを定義しました：

そして、dataTable自体は次のようになります。

なぜこれが機能しないのかについてのアイデアはありますか？（おそらく、rowClasses属性の役割が何であるかを誤解しています）

KnockoutJSでリストをストライプ化する最良の方法は何でしょうか？以下のdivのクラスは、リストのどこにあるかによって偶数または奇数になり、アイテムを追加または削除するときに更新されます。

私は使用しています

$(document).ready()クラス「エントリ」を使用してすべてのゼブラストライプを容易にします 。

ページと対話する過程で、クラス「エントリ」を持つ新しい DOM 要素が最後に 1 つずつ追加されます。上記に似たものを使用して、新しく追加されたエントリが適切な背景色、つまり前の「エントリ」とは反対の色であることを確認したいと思います。

これを行うエレガントな（または実際には）方法は考えられません。何か案は？.live()このルールを現在および将来のすべての試合に適用する類似のものはありますか?

アップデート

編集：更新を回答に移動

li 要素に追加されたクラスに応じてリストをフィルタリングする次のコードがあります。ゼブラ ストライプは、すべてのアイテムが表示されている場合は正常に機能しますが、フィルター処理を行ってリスト アイテムの 1 つが非表示になっていると、ゼブラ ストライプが同期しなくなります。これを回避する方法はありますか？

この投稿を確認しましたが、つまり、非表示の行を使用したjQueryテーブルゼブラストライピングが機能しませんでした

ありがとう。

私がモミ虫で見ているのは

カウントダウンしたいTextViewがあります（3 ... 2 ... 1 ...何かが起こります）。

もう少し興味深いものにするために、各数字を完全な不透明度から開始し、透明度にフェードアウトさせます。

これを行う簡単な方法はありますか？

「ゼブラ ストライプ」スタイルを mx:List に適用したいのですが、これを行う唯一の方法はコードですよね? その場合、個々の背景色を適用するためにアイテム (実際にはアイテムまたはアイテムレンダラー?) をループするにはどうすればよいですか?

前もって感謝します！

複数のテーブルでZebraウィジェットを使用してjQueryTablesorterを使用しています。私がやろうとしているのは、追加するために各テーブルに異なる色を持たせることです。現在、すべての追加行を青色にするblue_style.cssを使用しています。

1つはそのようなもので、2つ目は青、2つ目は黄色、3つ目はピンク、4つ目は緑です。

IDコードを使ってみましたが、うまくいきませんでした。

各テーブルはこのように始まります

。。。

。。。

子行が常に展開されるように、Zebraの一部を変更しました。

そしてstyle.cssで

すべての奇数の背景色を青にします（＃f0f0ff）

これは私が試した方法です（これはうまくいきませんでした）

2番目のテーブル：

。。3番目の表：

。。次に、これをcssに追加します。

クラス名（.tablesorter）を実際に変更できないため、テーブルをラップしました。変更すると、テーブルソーター関数がすべて壊れて機能しなくなります。しかし、すべてのテーブルは通常のテーブルとまったく同じで、すべて青で... :(

これが私が簡単に説明できるフォトショップを持っていたことがわかる画像のURLです。

http://tournaments.angelstone.co/yhs/images/zebra_example.jpg

ところで、私はそれらすべてを1ページで使用しています。ページごとに1つのテーブルですが、テーブルごとに特定のcssファイルを指定できないWordpressページで使用しているため、すべてのページで共有するには1つのstyle.cssファイルを使用する必要があります。

誰かがこの問題を解決する方法を知っていますか？本当にありがたいです。（私の母国語ではなく、私の悪い英語でごめんなさい）ありがとう。ヴィック

検索から返されたオブジェクトの監視可能なコレクションから生成された Listbox をゼブラ ストライプしたいと考えています。

コードはこんな感じ

<stackpanel>最初が黄色、2番目が白、3番目が再び黄色などになるように、どうすればストライプ化できますか?

ありがとう、ダニー。

ゼブラ ストライプのテーブルがあります。

行を表示/非表示にして、テーブルをストライプ化したままにしたい (変更された行から最後の行に色を変更)。これを行うには2つの方法があります：

1. 非表示のテーブルを作成し、<TR>jQueryafter()を使用して s を移動します。私はデタッチをテストしましたが、うまくいきます（デタッチ時にテーブルの色が変更されます）が、デタッチされた（どこにも）行を挿入してもうまくいかないため、行を別のテーブルに移動すると役立つはずです。
2. 切り替えているものの直後に、非表示のtoggle()作成/削除とともにjQuery を呼び出します。<TR>

どちらの方がよいですか？たぶん、もっと良い方法がありますか？

よろしく、

現在、正常に機能するリスト内の行をストライプするノックアウトバインディングがあります

トリガー元

私が抱えている問題は、サーバーからデータをリロードするときです。ビュー モデルで addWidget() を手動で呼び出します。ストライプ バインディング ハンドラは適用されません。HTML ボタンをクリックすると、すべての行が同じ色で表示され、バインディングが発生し、ストライプが表示されます。

このカスタム バインディングを js で手動で再適用することは可能ですか?

ありがとう

編集：

ストライプバインディングはこのように適用されます