Hogyan készíthetek csíkos v-data-táblázatot a Vuetify-ban?

A Vuetify-ban készült, minden rendben működik, csak váltakozó sorokat kell készítenem különböző színűre. Vagy adja meg a bootstrap .table-csíkos osztályt az asztalnak.

5 válasz 5

Ezt a következő CSS-szabály használatával érheti el:

Boussadjra Brahim válaszának kibővítése. Íme néhány cs a fejléc és a lábléc globális formázására

A sötét és a világos téma csíkjainak elérése érdekében ezt csinálom:

Van némi gondom ezzel, ha van bővíthető asztala. Ennek az az oka, hogy a vuetify dokumentáció példáját követve az eredményül kapott táblázat egy sort fog készíteni a kibővülő tartalom számára is, ami szerintem rejtve van.

Anyhu ez a stílus, amivel végül kötöttem ki:

Minden negyedik sor, 3-as eltolással, így nem tartalmazza a fejlécet.

A v-data-table-ben megváltoztattam az class tulajdonságot class = "table-striped elevation-1" értékre, és ez nekem jól működik.