--- title: "Corfix Form Builder : utilisation du composant « Grille de données »." description: Cet article vous explique comment utiliser le composant « Data Grid » dans le Template Builder. --- [Passer au contenu](https://knowledge.corfix.com/fr/articles/corfix-form-builder-using-the-email-component-5-1753385789838#main-content) - [Français](https://knowledge.corfix.com/fr/articles/corfix-form-builder-using-the-email-component-5-1753385789838) - [English](https://knowledge.corfix.com/articles/corfix-form-builder-using-the-email-component-5-1753385789838) - [Español](https://knowledge.corfix.com/es/articles/corfix-form-builder-using-the-email-component-5-1753385789838) - [Português](https://knowledge.corfix.com/pt/articles/corfix-form-builder-using-the-email-component-5-1753385789838) Français Afficher le sous-menu pour les traductions ![corfix-homepage-logo-p2j9gx0ryq843my9lgspxy2gvhhw6i160md5zg9rls.png\]](https://knowledge.corfix.com/hs-fs/hubfs/corfix-homepage-logo-p2j9gx0ryq843my9lgspxy2gvhhw6i160md5zg9rls.png?height=40&name=corfix-homepage-logo-p2j9gx0ryq843my9lgspxy2gvhhw6i160md5zg9rls.png) Ouvrir la navigation principale Fermer la navigation principale - - [Français](https://knowledge.corfix.com/fr/articles/corfix-form-builder-using-the-email-component-5-1753385789838) - [English](https://knowledge.corfix.com/articles/corfix-form-builder-using-the-email-component-5-1753385789838) - [Español](https://knowledge.corfix.com/es/articles/corfix-form-builder-using-the-email-component-5-1753385789838) - [Português](https://knowledge.corfix.com/pt/articles/corfix-form-builder-using-the-email-component-5-1753385789838) Français Afficher le sous-menu pour les traductions - Contact Us Contact Us Vous avez une question ? Cherchez dans le guide Corfix ! - Il n'y a aucune suggestion car le champ de recherche est vide. 1. [Corfix Guide](https://knowledge.corfix.com/fr/articles?hsLang=fr) 2. [Tutoriels sur le générateur de modèles](https://knowledge.corfix.com/fr/articles/tutoriels-sur-le-g%C3%A9n%C3%A9rateur-de-mod%C3%A8les?hsLang=fr) 3. [Guides du générateur de modèles](https://knowledge.corfix.com/fr/articles/tutoriels-sur-le-g%C3%A9n%C3%A9rateur-de-mod%C3%A8les?hsLang=fr#guides-du-g%C3%A9n%C3%A9rateur-de-mod%C3%A8les) 31 juillet 2026 # Corfix Form Builder : utilisation du composant « Grille de données ». ## Cet article vous explique comment utiliser le composant « Data Grid » dans le générateur de modèles. Ce composant puissant vous permet de créer une structure dynamique de type tableau, réutilisable, dans laquelle les utilisateurs peuvent ajouter plusieurs lignes de sous-composants (champs). Il est idéal pour recenser des listes d’éléments, des entrées multiples d’un même type ou des données complexes se répétant. --- #### Où le trouver Dans votre Corfix Form Builder, cliquez sur un **composant « Grille de données »** pour accéder au panneau de configuration. Vous verrez quatre onglets : - **Affichage** - **Données** - **Validation** - **Conditionnel** --- ### 1. Onglet Affichage L'onglet « Affichage » permet de contrôler la mise en page et l'apparence générale du composant Data Grid. - **Libellé :** - Il s'agit du titre visible de votre section de grille de données que les utilisateurs verront. Ce champ est obligatoire. - *Exemple :* « Lignes de commande », « Participants », « Défauts détectés ». - **Position du libellé :** - Détermine l'emplacement de l'étiquette par rapport à la grille de données (par exemple, en haut, à gauche, à droite, en bas). - *Par défaut :* En haut. - **Description :** - Fournit un texte explicatif supplémentaire concernant le composant, généralement affiché sous l'étiquette. - *Exemple :* « Répertoriez tous les matériaux utilisés, leur quantité et leur prix unitaire. » - **Info-bulle :** - Texte qui s'affiche lorsque l'utilisateur passe la souris sur le composant. Utile pour fournir une aide rapide ou du contexte concernant l'ensemble de la grille. - **Désactiver l’ajout/la suppression de lignes :** - Si cette option est cochée, les utilisateurs ne pourront ni ajouter de nouvelles lignes ni supprimer des lignes existantes dans la grille de données. Cela permet ainsi de disposer d’un ensemble de lignes fixe. - **Ajouter un autre texte :** - Permet de personnaliser le texte du bouton sur lequel les utilisateurs cliquent pour ajouter une nouvelle ligne. - *Par défaut :* « Ajouter une autre ». - **Position du bouton « Ajouter un autre » :** - Détermine l'emplacement du bouton « Ajouter un autre » par rapport aux lignes (par exemple : en bas, en haut, aux deux endroits). - *Par défaut :* En bas. - **Initialiser à vide :** - Si cette option est cochée, la grille de données s'affiche initialement sans aucune ligne visible, et l'utilisateur doit cliquer sur « Ajouter un autre » pour commencer à ajouter des entrées. Si cette option n'est pas cochée, la grille s'affiche généralement avec une ligne vide. - **Classe CSS personnalisée :** - Permet aux utilisateurs avancés d’appliquer une mise en forme personnalisée à l’ensemble du composant à l’aide de classes CSS. - **Masquer le libellé :** - Si cette option est cochée, l'étiquette principale du composant ne s'affichera pas sur le formulaire. - **Afficher le libellé dans la grille de données :** - Ce paramètre détermine probablement si les libellés des champs individuels *au sein de* chaque ligne de la grille de données sont affichés (par exemple, si un champ « Quantité » est ajouté à la grille, ce paramètre détermine si « Quantité » apparaît au-dessus ou à côté du champ de saisie dans chaque ligne). - **Modification en fenêtre modale :** - Si cette option est cochée, la modification de lignes ou de composants individuels au sein de la grille de données peut s'ouvrir dans une fenêtre modale contextuelle distincte, ce qui peut s'avérer utile pour les lignes complexes. --- ### 2. Onglet « Données » L'onglet « Données » permet de gérer les données initiales et la structure de la grille de données. - **Valeur par défaut :** - Vous permet de préremplir la grille de données avec une ou plusieurs lignes par défaut lors du chargement du formulaire. Cliquez ici sur « Ajouter une autre ligne » pour définir ces lignes par défaut. --- ### 3. Onglet « Validation » L'onglet « Validation » définit les règles applicables au composant « Grille de données ». - **Obligatoire :** - Si cette case est cochée, l’utilisateur *doit* ajouter au moins une ligne à la grille de données avant de valider le formulaire. - **Longueur minimale :** - Nombre minimum de lignes qui doivent figurer dans la grille de données. - **Longueur maximale :** - Nombre maximal de lignes pouvant être ajoutées à la grille de données. --- ### 4. Onglet « Conditionnel » L'onglet « Conditionnel » vous permet de définir des règles déterminant quand l'ensemble de ce composant de grille de données (et tous les composants qu'il contient) doit être affiché ou masqué en fonction des valeurs d'autres composants du formulaire. - **Simple :** - Il s’agit généralement d’un bouton bascule ou d’un menu déroulant permettant de choisir entre une logique conditionnelle simple et une logique conditionnelle avancée. - **Ce composant doit s'afficher :** - Choisissez si le composant doit être « Affiché » ou « Masqué » (options implicites) en fonction de la condition. - **Lorsque le composant du formulaire :** - Sélectionnez un autre composant de votre formulaire dont la valeur déclenchera la condition. - **A la valeur :** - Précisez la valeur exacte que doit avoir le composant de formulaire sélectionné pour que la condition soit remplie. *Exemple :* vous pouvez configurer une règle pour que la grille de données « Dépenses supplémentaires » ne s’affiche que *lorsque* la case à cocher « Y a-t-il des dépenses supplémentaires ? » est cochée. --- ### **Fenêtre d’aperçu** La zone **d’aperçu** située à droite de la boîte de dialogue représente visuellement le composant Grille de données. Elle affiche généralement un espace réservé pour une ligne et un bouton « Ajouter un autre », indiquant que les utilisateurs peuvent ajouter plusieurs entrées. Elle vous aide à visualiser l’apparence de la section répétable sur votre formulaire. --- **Actions situées au bas de la boîte de dialogue :** - **Enregistrer :** enregistre toutes les modifications apportées aux paramètres du composant Grille de données. - **Annuler :** annule toutes les modifications non enregistrées et ferme la boîte de dialogue. - **Supprimer :** supprime du formulaire le composant Grille de données ainsi que tous les composants qui y sont placés. --- ### Bonnes pratiques pour le composant « Grille de données » : - **Utilisation pour les données répétitives :** Idéal pour les cas où les utilisateurs doivent ajouter plusieurs entrées du même type, comme une liste d’articles en stock, de personnes à charge ou de relevés quotidiens. - **Personnalisez le texte « Ajouter un autre » :** modifiez le texte « Ajouter un autre » pour le rendre plus descriptif (par exemple, « Ajouter un autre article », « Ajouter une nouvelle personne ») afin de mieux guider l’utilisateur. - **Définir la longueur minimale/maximale :** utilisez la « Longueur minimale » pour garantir la collecte des données essentielles (par exemple, au moins un défaut signalé) et la « Longueur maximale » pour éviter les entrées excessives si nécessaire. - **Envisagez l’option « Initialiser à vide » :** pour les grilles qui ne sont pas toujours nécessaires, cochez « Initialiser à vide » afin de conserver un formulaire plus épuré jusqu’à ce que l’utilisateur ait explicitement besoin d’ajouter des lignes. - **Affichage conditionnel :** masquez l’intégralité de la grille de données jusqu’à ce qu’elle soit pertinente par rapport à la saisie de l’utilisateur, ce qui facilite la navigation dans les formulaires complexes. - [🎉Nouveauté dans Corfix🎉](https://knowledge.corfix.com/fr/articles/nouveaut%C3%A9-dans-corfix?hsLang=fr) - [Corfix Academy](https://knowledge.corfix.com/fr/articles/corfix-academy?hsLang=fr#main-content) - [Formation aux opérations sur le terrain](https://knowledge.corfix.com/fr/articles/corfix-academy?hsLang=fr#formation-aux-op%C3%A9rations-sur-le-terrain) - [Formation des superviseurs et contremaîtres](https://knowledge.corfix.com/fr/articles/corfix-academy?hsLang=fr#formation-des-superviseurs-et-contrema%C3%AEtres) - [Formation sur la gestion du temps et des présences](https://knowledge.corfix.com/fr/articles/corfix-academy?hsLang=fr#formation-sur-la-gestion-du-temps-et-des-pr%C3%A9sences) - [Mises à jour des produits](https://knowledge.corfix.com/fr/articles/mises-%C3%A0-jour-des-produits?hsLang=fr) - [Administrateurs Corfix](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#main-content) - [Tableau de bord](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#tableau-de-bord) - [Projets](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#projets) - [Travailleurs](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#travailleurs) - [Formulaires](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#formulaires) - [Modèles](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#mod%C3%A8les) - [Tâches](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#t%C3%A2ches) - [Certifications](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#certifications) - [Classeurs](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#classeurs) - [Rapports](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#rapports) - [Chronométrage](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#chronom%C3%A9trage) - [Détails de mon compte](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#d%C3%A9tails-de-mon-compte) - [Général](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#g%C3%A9n%C3%A9ral) - [Actifs](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#actifs) - [Gestion des horaires](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#gestion-des-horaires) - [Exportations/intégrations des données de pointage](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#exportations-int%C3%A9grations-des-donn%C3%A9es-de-pointage) - [Guide du Corfix Mobile](https://knowledge.corfix.com/fr/articles/guide-du-corfix-mobile?hsLang=fr#main-content) - [certifications](https://knowledge.corfix.com/fr/articles/guide-du-corfix-mobile?hsLang=fr#certifications) - [Suivi des temps de travail et suivi sur iOS](https://knowledge.corfix.com/fr/articles/guide-du-corfix-mobile?hsLang=fr#suivi-des-temps-de-travail-et-suivi-sur-ios) - [formulaire sur mobile](https://knowledge.corfix.com/fr/articles/guide-du-corfix-mobile?hsLang=fr#formulaire-sur-mobile) - [modifier l'adresse électronique](https://knowledge.corfix.com/fr/articles/guide-du-corfix-mobile?hsLang=fr#modifier-ladresse-%C3%A9lectronique) - [Détails du compte](https://knowledge.corfix.com/fr/articles/guide-du-corfix-mobile?hsLang=fr#d%C3%A9tails-du-compte) - [Tutoriels sur le générateur de modèles](https://knowledge.corfix.com/fr/articles/tutoriels-sur-le-g%C3%A9n%C3%A9rateur-de-mod%C3%A8les?hsLang=fr#main-content) - [Guides du générateur de modèles](https://knowledge.corfix.com/fr/articles/tutoriels-sur-le-g%C3%A9n%C3%A9rateur-de-mod%C3%A8les?hsLang=fr#guides-du-g%C3%A9n%C3%A9rateur-de-mod%C3%A8les) - [Paramètres des modèles](https://knowledge.corfix.com/fr/articles/tutoriels-sur-le-g%C3%A9n%C3%A9rateur-de-mod%C3%A8les?hsLang=fr#param%C3%A8tres-des-mod%C3%A8les) - [Cas d'utilisation de Corfix](https://knowledge.corfix.com/fr/articles/cas-dutilisation-de-corfix?hsLang=fr) - [Pour commencer](https://knowledge.corfix.com/fr/articles/pour-commencer?hsLang=fr) - [Consulter les modèles](https://knowledge.corfix.com/fr/articles/consulter-les-mod%C3%A8les?hsLang=fr#main-content) - [Consulter les modèles](https://knowledge.corfix.com/fr/articles/consulter-les-mod%C3%A8les?hsLang=fr#consulter-les-mod%C3%A8les) - [Corfix Connect](https://knowledge.corfix.com/fr/articles/corfix-connect?hsLang=fr) - [Corfix Paie](https://knowledge.corfix.com/fr/articles/corfix-paie?hsLang=fr#main-content) - [Pour commencer](https://knowledge.corfix.com/fr/articles/corfix-paie?hsLang=fr#pour-commencer) - [Configuration des employés](https://knowledge.corfix.com/fr/articles/corfix-paie?hsLang=fr#configuration-des-employ%C3%A9s) - [Gestion de la paie](https://knowledge.corfix.com/fr/articles/corfix-paie?hsLang=fr#gestion-de-la-paie) - [Dépannage](https://knowledge.corfix.com/fr/articles/corfix-paie?hsLang=fr#d%C3%A9pannage) - [Fiscalité et conformité](https://knowledge.corfix.com/fr/articles/corfix-paie?hsLang=fr#fiscalit%C3%A9-et-conformit%C3%A9) - [Les coulisses de Pat](https://knowledge.corfix.com/fr/articles/les-coulisses-de-pat?hsLang=fr) - [Intégrations](https://knowledge.corfix.com/fr/articles/int%C3%A9grations?hsLang=fr#main-content) - [Acumatica](https://knowledge.corfix.com/fr/articles/int%C3%A9grations?hsLang=fr#acumatica) [![Chill listening crop-3](https://knowledge.corfix.com/hs-fs/hubfs/corfix_logo_primary_blue.png?width=94&height=24&name=corfix_logo_primary_blue.png "Chill listening crop-3")](http://www.corfix.com) Copyright © 2026, Corfix