javascript - Scrollable table with Vue.js -


so have table gets filled using vue.js v-for method:

<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> 

and need table maximum 300px in height, , if gets longer, becomes scrollable.

so need set max-height , overflow:auto parameters in css, problem code not "see" table appropriately because rendered vue.

so far i've tried adding parameters in css , adding them dynamically after loading table; none of these worked.

but, if call $('table').height(), returns actual height of rendered table. maybe can use somehow?

would highly appreciate possible help!

can wrap table in <div>?

this way div controls scrolling , table free go it's own way.


Comments

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

c - double free or corruption (fasttop) -