Récupérez l'icône et placez-la dans le répertoire resources/images du sous-projet Web (créez le répertoire images s'il n'existe pas déjà), sous le nom del.png (ou un autre nom). Evidemment, vous allez devoir ajuster les noms de pages, de classes et de backing beans si vous n'avez pas utilisé les mêmes que dans le code ci-dessous.

Nouvelle colonne dans la page qui liste les comptes :

<p:column width="10">
   <f:facet name="header">
      <h:outputText value="Opérations"/>
   </f:facet>
   <h:commandLink action="#{listeComptes.supprimerCompte(item)}"
                  title="Supprimer le compte de #{item.nom}" >
      <h:graphicImage name="images/del.png"/>
   </h:commandLink>
</p:column>

Ajoutez une méthode pour supprimer un compte dans l'EJB GestionnaireCompte :

@Tranactional
public void supprimerCompte(CompteBancaire compte) {
   em.remove(em.merge(compte));
}

Remarque : Le compte doit être géré par cet EntityManager pour qu'il puisse le supprimer. C'est pour cela qu'il faut le passer en paramètre de merge avant de le passer en paramètre de remove.

Méthode du backing bean pour supprimer un compte (redirection pour voir la liste sans le client supprimé) :

public String supprimerCompte(CompteBancaire compteBancaire) {
  gestionnaireCompte.supprimerCompte(compteBancaire);
  Util.addFlashInfoMessage("Compte de " + compteBancaire.getNom() + " supprimé");
  return "listeComptes?faces-redirect=true";
}