← Tutti gli esempi

Righe a strisce zebrate

Aggiunge sfondi di riga alternati e un evidenziamento al passaggio per leggere meglio le tabelle larghe.

Codice da copiare

.Polaris-IndexTable__TableRow:nth-child(even),
.Polaris-DataTable__TableRow:nth-child(even),
table[class*="Polaris"] tbody tr:nth-child(even) {
  background: rgba(0,0,0,0.035) !important;
}
.Polaris-IndexTable__TableRow:hover,
table[class*="Polaris"] tbody tr:hover {
  background: rgba(0,128,96,0.10) !important;
}

Come usare questo esempio

1. Copia il codice con il pulsante qui sopra.
2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
3. Aggiungi una nuova regola corrispondente a quella pagina.
4. Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.