jquery - datatables jquery - 行の代替色

Question

アプリケーションで datatables jquery を使用しました。データ テーブル jquery を使用して行の代替色を設定すると、問題が発生しました。つまり、テーブルの 2 番目、3 番目、4 番目、5 番目、6 番目の行はすべて同じ色で表示され、その後、色が交互に表示されます。誰でもこれで私を助けることができますか？前もって感謝します。

jquery.datatables.css の私のコード:

table.dataTable tr.odd { background-color:  red; }
table.dataTable tr.even { background-color: green;  }

テーブルのスクリーンショットを添付しました。

確認したところ、すべての行に class="even" または class="odd" が含まれていますが、2、3、4、5、6 行には class="odd even" が含まれています。なぜこのようになっているのかわかりません。

Answer 1

トライセレクター:oddと:even疑似セレクター

table.dataTable tr:odd { background-color:  red; }
table.dataTable tr:even { background-color: green;}

Answer 2

私のアプリで私が使用した

#tableid >  thead >tr  {background: #0F0}   /* to color thead*/


table.dataTable tr.odd { background-color:  red; }   /* tr. not tr: */
table.dataTable tr.even { background-color: green;}

CSSルールとして、それは機能します。あなたのアプリケーションでも同じことがうまくいくことを願っています。

Answer 3

次のコードは動作するはずです。これらの行をデータテーブル css ファイルに追加します

table.dataTable >tbody td {
    text-align: center;
    background: #99BCDB;
}

table.dataTable > tbody tr.odd td { 
    background: #EBF2F8
;
}