Zebra-Striping in nur eine Tischsäule

Question

Ich habe einen Tisch, der Tablesorterer und Zebra-Striping für die Tischreihen verwendet.Ich möchte Zebra-Striping auf nur einer der Tabellenspalten hinzufügen, um ihm ein wenig zu verleihen.wie folgt:

Answer 1

Wenn Sie den Spaltenindex desjenigen kennen, den Sie streifen möchten, können Sie es nur in CSS tun, wobei Sie mit: NTH-of-of---Y-Selters wie SO:

tr:nth-of-type(even) td:nth-of-type(3) { background: rgba(0,0,0,0.1); }

(wobei 3 ein Platzhalter für Ihren Zielspaltenindex verwendet wird)

Eine andere Option wäre, eine Klasse auf den Kopfzeilen (oder erster TD) der Spalte, die Sie streifen möchten, einstellen, und dann verwenden Sie JS, um die anderen TDs in derselben Spalte zu streifen:

generasacodicetagpre.

Die Klasse ist nicht erforderlich, da offensichtlich Sie den gewünschten Spaltenindex einfach wie mit dem reinen CSS-Ansatz geben können, aber es ist besser für die Klarheit des Codes.

Demo hier: http://jsbin.com/axutal/2/edit

Answer 2

Überprüfen Sie dies link

Dies kann mithilfe von jQuery erfolgen, ohne Klassennamen oder IDs zu geben.

generasacodicetagpre.

Weitere Informationen dazu jquery selector durch dieses Link

Answer 3

Sie benötigen einen zusätzlichen Klassennamen und eine entsprechende CSS-Deklaration für die TDS in dieser Spalte.