web-dev-qa-db-fra.com

Composant de liste déroulante de Material-UI dans React

Comment rendre le composant List (voir http://www.material-ui.com/#/components/list ) de taille fixe et défilable? Chaque fois que j'ajoute un nouveau ListItem, la List se développe, mais j'aimerais pouvoir le faire défiler si le contenu dépasse le conteneur.

reactjsmaterial-ui
12
optional

Je viens de découvrir que vous pouvez ajouter des propriétés. 'maxHeight' et 'overflow' sont ceux dont j'avais besoin pour résoudre mon problème. Par exemple, pour une liste dans un conteneur papier:

<Paper style={{maxHeight: 200, overflow: 'auto'}}>
  <List>
   ...
  </List>
</Paper>
25
optional

Cela fonctionne si vous voulez que la liste remplisse toute la hauteur du conteneur:

<List style={{maxHeight: '100%', overflow: 'auto'}} />
7
Onuray Sahin