CODEWITHSUNDEEP
javascriptvue.jsvuejs2vue-componentvuetify.js
ZeroProcess
ZeroProcess

Reputation: 1221

How to create scrollable v-list in vuetify?

I have created v-list in flex layout and the v-list fill the remaining space in horizontally in column. But if the list contains lots of element which is total height is bigger than column height then the list sticking out. I have tried to add max-height and fix height to the v-list, but then the list items sticking out from wrapper v-list. And I have tried to add v-scroll but that haven't helped.

So how can I create v-list which will be scrollable when the list has more items than can be appear in div?

Upvotes: 9

Views: 12970

Answers (1)

Boussadjra Brahim
Boussadjra Brahim

Reputation: 1

Try to add the following CSS rules :

.v-list{
  height:200px;/* or any height you want */
  overflow-y:auto
}

check this pen to see the demo

Upvotes: 16

Related Questions