数据表填充的项目与预期不符

时间:2019-07-11 10:06:47

标签: vuetify.js

我有一个数据表。我的问题是,模板会为每个项目生成一个新行,但所有行都应位于一行中。

请参阅此example

预期输出为

col1 | col2 | col3 | col4 |
--------------------------
AAA  | BBB  | CCC  | DDD  |

也尝试了td v-for,但是它仍然产生过多的行。我认为模板还在幕后进行了v-for操作,但是将每一项视为新行而不是td。

我在这里做什么错了?

1 个答案:

答案 0 :(得分:0)

使用这种解决方法,我猜:https://codepen.io/anon/pen/Bgbzrr

数据表中的更改:

:items="rows"

型号更改:

rows:[{row:1}],