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
Post a Comment