activities

latest

false

Important :

Veuillez noter que ce contenu a été localisé en partie à l’aide de la traduction automatique. La localisation du contenu nouvellement publié peut prendre 1 à 2 semaines avant d’être disponible.

Activités de workflow

Dernière mise à jour 6 mars 2026

Faire défiler les grilles de données

Lorsque vous créez une grille de données avec plus de 12 composants de champ de texte , la grille de données devient trop étroite pour afficher le contenu. Ce tutoriel montre comment faire défiler la grille de données et agrandir les composants à l'intérieur, afin que le contenu devienne plus lisible.

Accédez au panneau Propriétés du formulaire où vous souhaitez ajouter la grille de données.
Dans le champ CSS personnalisé , saisissez les classes de CSS suivantes :
```
.my-data-grid
{
   overflow-x: scroll;
}
 
 
.my-data-grid-input 
{
   min-width: 6000px;
}
.my-data-grid
{
   overflow-x: scroll;
}
 
 
.my-data-grid-input 
{
   min-width: 6000px;
}
```
La propriété overflow-x: scroll permet de faire défiler la grille de données. La propriété min-width: 300px rend les champs de texte à l'intérieur d'une grille de données plus grands pour afficher le contenu qu'ils contiennent.
Ajoutez un composant Grille de données au formulaire.
Dans l'onglet Affichage , ajoutez les classes CSS personnalisées à l'intérieur du champ Classes CSS personnalisées . Ajoutez les deux classes avec un seul espace entre elles.

L'image ci-dessous montre à quoi ressemble une grille de données avec 12 champs de texte .

Vous pouvez maintenant le comparer avec la grille de données ci-dessous, après avoir appliqué le CSS personnalisé.

docs image

Cette page vous a-t-elle été utile ?

PrécédentAffichage d'images dans les formulaires

SuivantUtilisation des outils de développement avec des formulaires