S’il n’y a pas de limite technique dans le nombre de colonne d’une list view, il y en a une à l’usage (en particulier si la résolution de vos écrans est basse). Et si comme moi, vous êtes frustré de devoir choisir 5-6 colonnes dans vos list views, ce hack est fait pour vous ! L’affichage fonctionne aussi sur mobile, pour les listes éditables et avec tous les thèmes standards.
La procédure :
- Changer la propriété
Name
de la vue dans le formulaire. - Puis, comme pour les autres hacks, il suffit d’ajouter un data label
literal
sur votre formulaire et de passer le texte suivant :
<style>.theme-entry .view div[name=”MaListe“] .grid-body{overflow: auto;max-height: 400px;}.theme-entry .view div[name=”MaListe“] .grid-body .grid-column-headers, .theme-entry .view div[name=”MaListe“] .grid-body .grid-body-content{min-width: 1000px;width: 150%}</style>
Où MaListe est le nom de votre vue dans le formulaire et les valeurs en gras sont vos préférences d’affichage.
Le résultat :
Vous pouvez tester le rendu sur cette page: Liste avec des barres de défilement
Au passage, je remercie Konstantin Fukszon et Migael Moolman pour cette astuce.
C’est tout pour cette fois, Cheers !