Alternative Zeilenfarben, wenn Sie rowspan haben

8

Ich habe diesen HTML:

%Vor%

Das funktioniert, bis ich einige Zeilen habe, die ein rowspan enthalten (es ist in den Zeilen nicht konsistent).

Also ich habe so etwas (unter "-" steht für ein Leerzeichen - kann nicht wirklich Tabellen in SOF :))

%Vor%

Wie kann ich alle Zeilen innerhalb der Zeilenspanne die gleiche Hintergrundfarbe behalten?

    
leora 08.08.2010, 01:00
quelle

2 Antworten

10

Es mag einen besseren Weg geben, aber hier ist ein Weg:

%Vor%

Dies verwendet eine CSS-Klasse anstelle der Farbe wie folgt:

%Vor%

Sie können es hier versuchen , Sie können :even und :odd im ersten Codeblock tauschen Führen Sie das gewünschte Muster aus (im Beispiel zeigt :odd dies nicht gut, da dies die Zeilen ohne rowspan -Zellen sind).

Was das bedeutet, ist, die Zeilen mit all Zellen zu finden, nicht mit partiellen Zeilen, erhält die ungeraden oder geraden davon und wendet eine Klasse an. Dann sieht der zweite Durchlauf diese Zeilen, und wenn sie irgendwelche rowspan="" -Zellen haben, erhält sie das .rowSpan (DOM-Eigenschaft) minus eins für die aktuelle Zeile und wendet die Klasse auf viele Zeilen an nach unten, über .nextAll() und .slice() .

    
Nick Craver 08.08.2010, 01:35
quelle
1

Die von @ nick-craver bereitgestellte Lösung funktioniert nicht für Tabellen mit Zellen, die die colspan-Attribute rowspan und verwenden. Der unten beschriebene geänderte Code berücksichtigt dies, obwohl angenommen wird, dass die Gesamtzahl der Tags und ihrer Spaltenwerte für alle Zeilen gleich ist.

Danke, dass du mich in die richtige Richtung gelenkt hast, @nick-craver!

%Vor%
    
Matt Saunders 10.03.2015 14:08
quelle

Tags und Links