Javascript VueJs条件样式/类绑定？

我有一个vuetify数据表，默认情况下，排序设置为true。如何设置仅对碳水化合物和蛋白质设置排序，而不设置仅对碳水化合物和蛋白质设置列类？不知道我如何才能做到这一点

这是一个

---

感谢你们的帮助。谢谢。

你想要类似的东西吗？不完全是，我只想要碳水化合物和蛋白质的排序，我如何才能只动态绑定碳水化合物和蛋白质的类“列”？你可以通过在标题项中添加

class

和

sortable:true

项来做到这一点。你的意思是禁用对特定列的排序吗，像吗？@StefanUrbansky哦，我明白了。那很优雅。非常感谢。

<div id="app">
  <v-app id="inspire">
     <v-data-table
       :headers="headers"
        :items="desserts"
       class="elevation-1"
      disable-initial-sort            
      >
     <template v-slot:items="props">
       <td>{{ props.item.name }}</td>
       <td>{{ props.item.calories }}</td>
       <td>{{ props.item.fat }}</td>
       <td>{{ props.item.carbs }}</td>
       <td>{{ props.item.protein }}</td>
       <td>{{ props.item.iron }}</td>
     </template>
  </v-data-table>
 </v-app>

   new Vue({
     el: '#app',
      data () {
        return {
          headers: [
        {
          text: 'Dessert (100g serving)',
         align: 'left',
         sortable: false,
         value: 'name'
       },
       { text: 'Calories', value: 'calories' },
       { text: 'Fat (g)', value: 'fat' },
       { text: 'Carbs (g)', value: 'carbs' },
       { text: 'Protein (g)', value: 'protein' },
       { text: 'Iron (%)', value: 'iron' }
     ],
  desserts: [
    {
      name: 'Frozen Yogurt',
      calories: 159,
      fat: 6.0,
      carbs: 24,
      protein: 4.0,
      iron: '1%'
    },
    {
      name: 'Ice cream sandwich',
      calories: 237,
      fat: 9.0,
      carbs: 37,
      protein: 4.3,
      iron: '1%'
    },
    {
      name: 'Eclair',
      calories: 262,
      fat: 16.0,
      carbs: 23,
      protein: 6.0,
      iron: '7%'
    },
     ]
   }
  }
})