我的vuetify v-data-table有很多列。现在,它会自动压缩到屏幕大小。而不是我想要是添加水平滚动条到我的v-data-tal.这在以前的1.5版本中是存在的,但在版本2中则不存在。

发布于 2019-09-06 04:32:27
您可以在标题中设置列的宽度,就像在代码笔中一样。使用此选项,您可以强制滚动条,请参阅添加的代码
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" },
],https://stackoverflow.com/questions/57807226
复制相似问题