Vue.js 如何使用动态标题向整个Vuetify数据表行添加颜色

你好

我有一个按组划分的数据表，动态标题根据用户选择从中获取信息的月份而变化，因此我希望从1月到4月获取信息。我将有5列，一列显示我的分类名称，4列与我搜索的月份相关

每个小组都有一个名为“总计”的行，它汇总了每个小组每个月的开支，我希望能够使用我选择的颜色为整行着色。我该怎么做呢，尤其是当我有动态标题，每当用户搜索一段时间时，这些标题都会改变

<v-data-table 
    dense 
    :headers="headers" 
    :items="classifications" 
    item-key="classification"
    group-by="classification_group"
    disable-sort
    hide-default-footer
    disable-pagination
    class="elevation-1"
    >
    <template v-slot:group.header="{items, isOpen, toggle}">
        <th colspan=1000000>
        <v-icon @click="toggle"
            >{{ isOpen ? 'mdi-minus' : 'mdi-plus' }}
        </v-icon>
        {{ items[0].classification_group }}
        </th>
    </template>
    </v-data-table>

{{isOpen？'mdi-minus'：'mdi-plus'}}
{{items[0]。分类{u组}

一种解决方案是将

类应用于“total”行的
tr
元素，并将CSS应用于该
类

因此，在我的
v-data-table
模板中，我有一个
v-if
，它检测
tr
元素是否用于“总计”行，如果是，则应用
table row total
类

然后，在该组件的
部分中，我应用了如下内容：

 .my-table-name .v-data-table tr.table-row-total {
    background-color: #ffff00 !important;
 }

您可能想再次检查，但据我所知，我不知道Vuetify中有哪种更复杂的方法可以处理datatable中的“特殊情况”行的样式——因此，上面的方法对我来说效果很好。
一个解决方案是对“总计”应用
类行的
tr
元素，并具有应用于该
类的CSS

因此，在我的
v-data-table
模板中，我有一个
v-if
，它检测
tr
元素是否用于“总计”行，如果是，则应用
table row total
类

然后，在该组件的
部分中，我应用了如下内容：

 .my-table-name .v-data-table tr.table-row-total {
    background-color: #ffff00 !important;
 }

您可能想再次检查，但据我所知，Vuetify中没有更复杂的方法来处理数据表中的“特殊情况”行的样式设置——因此，上面的方法对我来说效果很好