Question

所以我有一个使用vue.js v-for方法填充的表：

<table>
  <tr><th>Name</th><th>Surname</th></tr>
  <tr v-for="user in users"><td>@{{user.name}}</td><td>@{{user.surname}}</td></tr>
</table>

我需要此表格在高度上最大 300px ，如果它变得更长，它就会变得可滚动。

所以基本上我需要在我的css中设置max-height和overflow:auto参数，但问题是代码没有适当地“看到”这个表，因为它是用vue渲染的。

到目前为止，我已尝试在css中添加参数并在加载表后动态添加它们;这些都没有奏效。

但是，如果我调用$('table').height()，它将返回渲染表的实际高度。也许我能以某种方式使用它？

非常感谢任何可能的帮助！

Answer 1

您可以将表格包裹在<div>吗？

中

div通过这种方式控制滚动，桌子可以随意使用。