带有Vue.js的可滚动表

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就可以控制滚动,桌子可以自由地进行.