Vuetify 数据表添加水平童车栏

【问题标题】：Vuetify data table add horizontal stroller barVuetify 数据表添加水平童车栏
【发布时间】：2019-09-05 14:02:39
【问题描述】：

我的 vuetify v-data-table 有很多列。现在它会自动压缩到屏幕大小。而不是我想要的是将水平滚动条添加到我的 v-data-tale 中。之前在 1.5 版中就有，但在 2 版中就没有了。

【问题讨论】：

【解决方案1】：

您可以像在代码笔中一样设置标题中列的宽度。有了这个你可以强制滚动条，见添加的codepen

 data () {
    return {
      headers: [
        {
          text: 'Dessert (100g serving)',
          align: 'left',
          sortable: false,
          value: 'name',
          width: "500px"
        },
        { text: 'Calories', value: 'calories', width: "500px" },
        { text: 'Fat (g)', value: 'fat', width: "500px" },
        { text: 'Carbs (g)', value: 'carbs', width: "500px"  },
        { text: 'Protein (g)', value: 'protein', width: "500px" },
        { text: 'Iron (%)', value: 'iron', width: "500px" },
      ],

【讨论】：

@BoussadjraBrahim 使用正确的 codepen 更新帖子