Discussion :

[lnquaidorsay]

Bonjour, j'aimerai créer une affichage avec listgroup avec mon json que je reçois :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
 
var jsonData = '[
	{"class":"A","name":"Jhon PAPOU","color":"rouge"},
	{"class":"B","name":"Lionel Melin","color":"vert"},
	{"class":"C","name":"Osmel GIBI","color":"jaune"},
	{"class":"D","name":"James DADIN","color":"noir"},
	]';
<ul class="list-group">
    <span class="badge badge-primary badge-pill">A</span>
  <li class="list-group-item d-flex justify-content-between align-items-center">
    Jhon PAPOU
  </li>
 <span class="badge badge-primary badge-pill">B</span>
  <li class="list-group-item d-flex justify-content-between align-items-center">
   Lionel Melin
  </li>
<span class="badge badge-primary badge-pill">C</span>
  <li class="list-group-item d-flex justify-content-between align-items-center">
   OSMEL GIBI
  </li>
</ul>

Je veux afficher ma liste avec en bas ce quatre petits carreaux de couleur.

je n'arrive pas à mon affichage net voulu. Quelqu'un a une idée ?