legen Sie die alternative zeilenfarbe für die erste Spalte

Ich habe eine Tabelle mit einigen Daten. Die erste Spalte der Tabelle festgelegt ist klebrig. Nun, was ich möchte, ist die alternative Farbe für jede Zeile in dieser ersten Spalte.

Dies ist der Tisch, an dem ich gerade arbeite.

<div class="table-responsive">
    <table class="table table-bordered table-striped">
        <thead>
            <tr>
                <th colspan="1"></th>
                <th colspan="4"></th>
                <th colspan="3" style="text-align: center">%Penetration</th>
            </tr>
            <tr>
                <th scope="col">Action</th>
                <th scope="col" *ngFor="let tableHeader of this.tableHeaders">
                    {{ tableHeader }}
                </th>
            </tr>
        </thead>
    <tbody>
th:first-child,
td:first-child {
    margin-left: -1px;
    position: sticky;
    left: -1px;

}

td:first-child {
    background-color: white;
}

Ich habe versucht,

td:first-child > td:nth-child(even){
    background-color: blue;
}

1 Antworten