Modification en ligne dans le tableau de données sur les matériaux Angular)
Prenons un exemple ci-dessous. Est-il possible de rendre le angular avec fonction d'édition en ligne?) Ou de rendre les cellules de colonnes spécifiques modifiables lors du chargement (voir l'image ci-dessous où les champs de la colonne Email sont modifiables). Si oui pourriez-vous partager l'exemple de code?
Tableau de données de matériaux angulaires avec des lignes dynamiques
Il s’agit en fait d’un problème non résolu dans Angular. Matériau: Tableau: Ajout de la modification en ligne pour les entrées . Malheureusement, il n’est pas encore implémenté, mais vous pouvez trouver quelques idées de solutions dans les commentaires à cette question.
La section "Édition de texte en ligne" sous Tables de données> Comportement dans le Guide de conception des matériaux indique comment cela devrait ressembler.
Bien, ce n'est pas une édition en ligne propre, mais - je cherche la même chose - c'est assez proche pour mes besoins:
https://stackblitz.com/edit/inline-edit-mat-table?file=app%2Fapp.component.html
[L'idée est d'avoir un petit popup quand vous cliquez sur la cellule]
Mon idée alternative serait (bien qu'avec plus de travail) de remplacer toutes les cellules par des champs de saisie et de les lier à la valeur correcte, ce qui - pour l'utilisateur - aurait exactement le cas d'utilisation souhaité