Cela vient du fait que la liste duplique exactement la liste source que nous venons de créer:
Pour créer une liste dynamique, nous allons insérer directement la formule DECALER() dans la validation des données. Cette formule permet en effet de récupérer une plage de cellules pour une hauteur spécifiée en paramètre:
De cette manière, la liste commence donc à la cellule K9 et comprend le nombre d'éléments correspondant au maximum de la colonne D (dans laquelle nous retrouvons les positions de chaque commercial):
La liste se termine avec le dernier commercial de la base, et nous pouvons simplement tester le dynamisme de la méthode en ajoutant un nouveau commercial en fin de base:
Et magie, celui-ci se trouve bien ajouté à la liste déroulante:
Notre liste est maintenant terminée! Bootstrap liste déroulante dynamique de la. Il convient évidemment de réaliser la même opération pour les noms de pays:
En sachant qu'en fonction du commercial sélectionné, tous les pays ne doivent pas forcément être présentés! Mais cela fera l'objet d'un prochain tutoriel;)
- Bootstrap liste déroulante dynamique en
Bootstrap Liste Déroulante Dynamique En
L'exemple suivant illustre ceci -
dropdown-item-text. See the Pen
Bootstrap 4. 2. 1 by Pierre ( @pierregiraud)
on CodePen. Changer la direction du déroulement
On va pouvoir utiliser les classes,. dropright et. dropleft à la place de. Comment centrer la liste déroulante Bootstrap - Javaer101. dropdown afin que nos éléments déroulants soient déroulés au-dessus, à droite ou à gauche de l'élément déclenchant le déroulement. Notez que ce comportement ne fonctionnera que si les éléments ont effectivement la place de se dérouler. Bootstrap 4. 2 by Pierre ( @pierregiraud)
Modifier l'alignement des éléments déroulants
On va pouvoir modifier l'alignement des éléments déroulants par rapport à l'élément permettant de déclencher le déroulement grâce aux classes. dropdown-menu-left (alignement à gauche, cas par défaut) et. dropdown-menu-right (alignement à droite) qu'on va appliquer à l'élément portant la classe. dropdown-menu. On va également pouvoir définir un comportement d' alignement responsive en ajoutant un attribut data-display ="static" à l'élément servant à déclencher le déroulement et en utilisant les classes.