如何在Vuetify中制作条带化的v-data表？

<template>
  <v-data-table
    :headers="headers"
    :items="desserts"
    class="elevation-1 striped-table"
  ></v-data-table>
</template>

<script>
export default {
  data() {
    return {
      headers: [
        { text: 'Dessert (100g serving)', align: 'start', sortable: false, value: 'name' },
        { text: 'Calories', value: 'calories' },
        { text: 'Fat (g)', value: 'fat' },
        { text: 'Carbs (g)', value: 'carbs' },
        { text: 'Protein (g)', value: 'protein' },
      ],
      desserts: [
        {
          name: 'Frozen Yogurt',
          calories: 159,
          fat: 6.0,
          carbs: 24,
          protein: 4.0,
        },
        // ... more items
      ],
    };
  },
};
</script>

<style>
.striped-table tbody tr:nth-child(odd) {
  background-color: #f5f5f5; /* 选择一个适合你主题的背景颜色 */
}
</style>