javascript - 使用Vue.js的可滚动表格

所以我有使用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()，它将返回渲染表的实际高度。也许我可以以某种方式使用它？

非常感谢您提供任何可能的帮助!

最佳答案

您可以将表格包装成<div>吗？

这样，div就可以控制滚动，并且表格可以按照自己的方式自由移动。

关于javascript - 使用Vue.js的可滚动表格，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38830004/