Besoin d'une meilleure mise en page, afin que l'espace vide puisse être utilisé
Ici - je ne veux pas répéter le même ID, prénom et nom de famille à tous les sujets, j'ai donc utilisé des boutons de développement. - Cette approche réduit considérablement le nombre de lignes visibles lorsque toutes les lignes sont dans un état réduit.
Mais ici, un inconvénient est que, si le nombre de sujets est de 10, je laisse beaucoup d'espace libre (marqué d'une bordure rouge). Besoin donc d'une meilleure solution sur ce problème. Popup est l'une des approches, mais je préférerais une meilleure approche.
Essayez peut-être que les informations de notation apparaissent sous-titre sous la ligne de l'élève lorsque vous les développez? Quelque chose comme ça.
Vous voudrez être prudent de désaccentuer stylistiquement les sous-titres afin qu'ils fassent évidemment partie de la ligne développée plutôt ressemblant au début d'un nouveau tableau.
Ajuster la réponse de Jim ...
... en ajoutant un peu plus de distinction. Boxe dans la table enfant, lignes verticales séparant les colonnes, au lieu d'être horizontales comme dans la table parent.
.
Inspiré par le commentaire de Tonny, voici quelques exemples en retrait, pour votre considération:
Un peu plus propre et en suivant les suggestions @Bergi et @CoDEmanX.
Original:
Lorsque vous développez une ligne, vous disposez:
Comme l'ID, le prénom et le nom de famille sont communs à tous les sujets, les informations sont répétées dans chaque ligne.
Une façon d'éviter de répéter ces champs communs et de ne pas modifier la disposition du tableau consiste à utiliser un seul champ qui représente plusieurs colonnes . Pour renforcer la clarté, je suggère d'ajouter des bordures à chaque élément.
