vuetify.js - Vuetify 数据表添加水平婴儿车栏

Question

我的 vuetify v-data-table 有很多列。现在它会自动压缩到屏幕尺寸。而不是我想要的是向我的 v-data-tale 添加水平滚动条。之前在 1.5 版中存在，但在版本 2 中不存在。

Answer 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" },
      ],