在vuetify数据表列上应用css类格式的最佳方法

我为Vuetify的v-data-table动态更改了数据：

 <v-data-table
      :headers="table_headers"
      :items="table_content"
    >
    </v-data-table>

但是，这只影响标题。所以我的问题是，有没有可能，或者我保存在

表头中的这个类也应用于所有行（每个列）的最佳方法是什么

因此，当我为给定类编写css时，它将影响给定列的标题和所有行

编辑：
所以本质上我想设计整个专栏的风格（基于专栏），如下所示：
但是，对于标题和表项的动态数据（由于vuetify没有工作组，因此我不确定如何在此处执行类似操作）
您必须使用主体插槽来实现这种自定义，请参见以下内容：


newvue({
el:“#应用程序”，
vuetify:新的vuetify（），
数据：（）=>({
表11标题：[{
文字：“甜点（100克），
对齐：“开始”，
可排序：false，
值：“名称”，
班级：'甜点区'
},
{
文字：“卡路里”，
价值：'卡路里'，
课程：“部分卡路里”
},
],
表11内容：[{
名字：“一些甜点”，
卡路里：100
},
{
名称：“一些甜点2”，
卡路里：200
},
{
名称：“一些甜点3”，
卡路里：300
},
{
名称：“一些甜点4”，
卡路里：400
}
]
}),
})
。部分甜点{
颜色：红色！重要；
}
.部分卡路里{
颜色：绿色！重要；
}

{{item.name}
{{item.carries}
也足够了。
  table_headers: [
          {
            text: 'Dessert (100g serving)',
            align: 'start',
            sortable: false,
            value: 'name',
            class: 'section-dessert'
          },
          { text: 'Calories', value: 'calories', class: 'section-calories' },
    
        ],