Création de nouvelles colonnes dans une table

Bonjour, voici mon problème:
J'ai créé un espace membre ou des groupe de musique peuvent s'inscrirent. Jusque là pas de problème. Seulement voilà j'aimerais bien c'est que le groupe puisse ajouter à sont profil (de façon visuelle) les membres du groupe (exemple : une div avec une photo, le nom et le rôle de la personne dans le groupe).

J'ai donc trouvé ce code Js qui me permet d'ajouter des inputs à l'infini ( donc 1 pour chaque membre)

function addField() {
   try {
      var div = document.createElement('div');
      var avatar_membre = document.createElement('input');
      avatar_membre.setAttribute('type', 'file');
      avatar_membre.setAttribute('id', 'avatar_membre');
      avatar_membre.setAttribute('class', 'uploadify');
      avatar_membre.setAttribute('name', '');
      avatar_membre.appendChild(document.createTextNode(''));

      var name_membre = document.createElement('input');
      name_membre.setAttribute('type','text');
      name_membre.setAttribute('placeholder','Nico');
      name_membre.setAttribute('name','');
      name_membre.appendChild(document.createTextNode(''));

      var role_membre = document.createElement('input');
      role_membre.setAttribute('type','text');
       role_membre.setAttribute('placeholder','Lead guitar');
      role_membre.setAttribute('name','');
      role_membre.appendChild(document.createTextNode(''));

      div.appendChild(avatar_membre);
      div.appendChild(name_membre);
      div.appendChild(role_membre);

           document.getElementById('membres').appendChild(div);
           } catch(e) {
       alert(e);
           }
}

Donc en gros ce que j'aimerais c'est pouvoir ajouter plusieurs membres (nombre inconnu) à un groupe et les afficher sur le profil de ce groupe.

Merci d'avance à ceux qui m'aideront, ça fait 2 heures que je cherche une solution