Angular Prime layout
Bonjour
j'ai un pb qui me paraissait simple mais....
Code : Sélectionner tout - Visualiser dans une fenêtre à part
2
3
4
5
6
7
8
9
10
11
12
13
Je cherche à avoir une page sans scroll vertical avec un header fixé en haut et un footer fixé en bas
entre les deux une zone sans scroll qui vient recevoir divers contenus.
jusque là j'ai à peut prêt trouvé des solutions.
c'est là que ça ce corse. lorsque je place un contenu comme un tableau
je voudrais qu'il occupe la totalité de l'espace restant est cela quelque soit le nombre de lignes à afficher.
si c'est un tableau je veux que les entêtes de colonnes soit toujours visible et que seules les lignes de contenues soient scrollable
s'il y a de la pagination je veux qu'elle soit toujours visible.
c'est ça que je ne parvient pas à faire. si je mets height : 100% sur mon tableau quelle que soit la taille de ma fenêtre il n'occupe qu'une petite partie de la zone de contenu
si je mets une taille fixe ça ne s'adapte plus à l'écran de l'utilisateur.
j'utilise Angular 7 et PrimeNG. contrairement à d'autre framework qui offre ce genre de layout clef en main (sans avoir de css ou de code à écrire)
je n'ai pas trouvé comment faire avec Angular et primeNG. Je n'ai rien trouvé ni dans Angular ni dans PrimeNG. les rares solutions qui tentent de répondre à ce problème que j'ai trouvé propose une zone de contenu scrollable et sont fait à base de CSS. mais dans ce cas c'est toute ma table qui scrolle et pas seulement les lignes de tableau.
Jai trouvé dans p-tabe de Prime l'option pour le scroll des lignes mais la table n'occupe jamais tout l'espace
si quelqu'un à une piste.
merci de votre aide
A+JYT
Répondre avec citation
Partager