Lignes enfant imbriquées dans le tableau
J'ai précédemment demandé à ux.stackexchange de m'aider à afficher les paramètres de configuration d'une application Web.
façons d'afficher à la fois la chaîne et le booléen sur la page
J'ai suivi les suggestions et mis à jour mon application (pour les personnes intéressées, la colonne value a _BOOLEAN _ comme valeur réelle et la valeur affichée dans ce cas indique "Enabled" ou "Disabled" en fonction de activé colonne booléenne):
Mon nouveau problème est que j'aurais besoin d'imbriquer les objets enfants. Par exemple, dans la capture d'écran ci-dessus, "Créer une alerte" serait le paramètre parent et "Point de terminaison du module de messagerie" et "Fichier de modèle d'e-mail" seraient les paramètres enfants. Et si "Créer une alerte" est désactivé, les paramètres enfants seront grisés/désactivés. Et les paramètres enfants peuvent également avoir leurs propres paramètres enfants. Je ne cherche pas à agrandir et réduire les lignes. J'ai juste besoin de montrer des relations.
Je voudrais l'afficher un peu comme ceci:
J'utilise actuellement des tables de données pour afficher les paramètres et il semble que ce que j'essaie de faire est non pris en charge nativement .
J'ai le côté base de données des choses compris, mais j'ai des problèmes avec le côté UX. La plupart de ce que je peux trouver en ligne sont des exemples d'imbrication de tables dans des tables, ce qui n'est pas tout à fait ce que j'essaie de faire.
Donc, finalement, ce dont j'ai besoin d'aide, c'est comment afficher les objets enfants . J'en ai besoin pour ressembler à la deuxième image, alors que la première image est à quoi elle ressemble actuellement.
Que dois-je utiliser pour les afficher? Existe-t-il un moyen de le faire avec des tables de données ou existe-t-il une autre méthode qui est meilleure?
Je pense que la méthode de retrait est assez puissante pour afficher des objets enfants. Je pense également que les objets enfants devraient utiliser le même arrière-plan de couleur que l'objet parent. De cette façon, il est plus facile pour un utilisateur de scanner votre table.