私は Datatables プラグインを使用しており、ドリルダウン用に 2 つの列を使用しています。私は奇数/偶数のCSSスタイルを持っています.ネストされたテーブルを展開すると(つまり、ドリルダウン列を展開すると)、奇数/偶数の書式設定がドリルダウン行に適用され始めるため、すぐに破棄されます.
私は実際に、テーブルの他の部分とはまったく異なるクラスにドリルダウン テーブルを持っているので、それらはすべて一緒に独自の色を持っています。
各行の最初のセルには画像があり、クリックすると datatables fnOpen 関数が呼び出され、ネストされたテーブルが展開されます。
コードのどの部分が役立つかわからないので、何か必要な場合はお知らせください。CSSに関する限り:
.expTable { /*Expanding Table*/
background-color: rgba(135,0,168,1);
color: white;
}
/*Main Table*/
#pastMsgs tr:nth-child(odd) {
background-color: #707070;
}
#pastMsgs tr:nth-child(even) {
background-color: rgba(204,204,204,0.3);
}