J'ai beaucoup de tables de matériaux sur ma page, de faire naviguer plus facilement, je voudrais effectuer une table complète Réduire / se développer lorsque vous cliquez sur l'en-tête (ou un petit bouton à l'intérieur de l'en-tête). Je trouve de nombreux exemples sur la façon d'élargir les rangées de table, mais je dois réduire la table complète. P>
3 Réponses :
Je cherche en fait à effondrer / développer une table entière, pas seulement une cellule
Je viens de penser à l'utilisation de la table mat-Table à l'intérieur du panneau d'expansion de tapis. p>
Je l'ai essayé et je crois que cela satisferait votre exigence. P>
Vérifiez si ce Stackblitz satisfait à votre exigence. P>
C'est vraiment proche de mon comportement recherché. Mais mes en-têtes de table et mes pieds contiennent en fait des données qui doivent toujours être visibles. Je pensais à affecter un tableau vide au tabledataSource lors de la réduction et de la réaffectation de la matrice d'origine lors de leur élargissement. Je dois toujours essayer ça.
Solution:
Lorsque vous tapez sur effondrement, j'affecte un tableau vide à la source de données de cette table. Lorsque vous cliquez sur Développe, je réaffecte le tableau d'origine à la source de données de cette table. De cette façon, mes cellules d'en-tête et de pieds qui contiennent des totaux pour la table sont toujours visibles, mais les cellules internes ne sont pas. P>
Quelque chose comme le code ci-dessous doit permettre ce comportement: p>
Ajoutez votre code avec un échantillon d'extrait.
Je vous suggère d'utiliser un panneau d'expansion et une table d'utilisation après
ELLEDER DE PANNEAU DE MATS-EXTRASION CODE>.