Fabricat în Vuetify, funcționează bine, trebuie doar să fac rânduri alternative în culori diferite. Sau acordați clasei bootstrap .table-striped la masă.

javascript

5 Răspunsuri 5

Puteți realiza acest lucru utilizând următoarea regulă CSS:

Extinderea răspunsului lui Boussadjra Brahim. Iată câteva CSS pentru stilizarea antetului și subsolului la nivel global

Pentru a realiza dungile atât pentru tema întunecată, cât și pentru cea deschisă, fac acest lucru:

Am avut unele probleme cu asta dacă aveți o masă extensibilă. Acest lucru se datorează faptului că, urmând exemplul din documentația vuetify, tabelul rezultat va face un rând și pentru conținutul în expansiune, care este ascuns, cred.

Anyhu acesta este stilul cu care am ajuns:

Fiecare al patrulea rând, cu un offset de 3, deci nu includeți antetul.

În v-data-table am schimbat proprietatea clasei în class = "table-striped elevation-1" și funcționează bine pentru mine.