> ## Documentation Index
> Fetch the complete documentation index at: https://docs.abbyy.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Exemple 3. Étape 14 : détecter le séparateur horizontal auxiliaire à l’aide d’un élément hsTableHeaderTop

> Ajoutez un élément Separator hsTableHeaderTop qui détecte la ligne horizontale au-dessus de l’en-tête de tableau, en configurant les paramètres de longueur, d’espace et de relation.

L’en-tête de tableau commence par un séparateur horizontal situé au-dessus des noms de colonnes. Créez un élément [Separator](/fr/flexi-capture/fls/template/separator) pour le détecter et limiter les zones de recherche des noms de colonnes.

<Steps>
  <Step title="Créer l’élément Separator">
    Créez un élément de type [Separator](/fr/flexi-capture/fls/template/separator) et nommez-le **hsTableHeaderTop**.
  </Step>

  <Step title="Configurer le séparateur">
    Cliquez sur l’onglet **Separator** et définissez les valeurs suivantes :

    * Dans le groupe **Orientation**, sélectionnez **Horizontal**.
    * Définissez **Min length** / **Max length** sur 1500 / 2500.
    * Sélectionnez **Fits entirely within search area**.
    * Sous **Space**, définissez **Max length** sur 20 et **Orthogonal shift** sur 20.

    Conservez les valeurs par défaut des autres paramètres.

    <Tip>
      Avant de définir la longueur du séparateur, analysez les propriétés géométriques (taille et limites) des objets voisins détectés lors de la pré-reconnaissance. Les seuils d’erreur du séparateur sont déterminés par tâtonnement.
    </Tip>

    <Frame>
      <img src="https://mintcdn.com/abbyy/r-nfa7jujx5b9gKX/images/flexi-capture/fls/tutorial3_14.png?fit=max&auto=format&n=r-nfa7jujx5b9gKX&q=85&s=0e77ad7b4eda4e545ef7e1b4b47fe16e" alt="Capture d’écran de l’onglet Separator de la boîte de dialogue Properties of SearchElements.hsTableHeaderTop dans ABBYY FlexiLayout Studio, montrant l’orientation Horizontal sélectionnée, les longueurs minimale et maximale définies sur 1500 et 2500, et l’option Fits entirely within search area activée." width="431" height="455" data-path="images/flexi-capture/fls/tutorial3_14.png" />
    </Frame>
  </Step>

  <Step title="Définir les contraintes de recherche">
    Cliquez sur l’onglet **Relations**. Le séparateur se trouve uniquement sous les mots-clés **kwInvoiceDate** et **kwInvoiceNumber** ; définissez donc les contraintes suivantes :

    * **Below** l’élément `InvoiceHeader.kwInvoiceDate`, **Offset** = 0
    * **Below** l’élément `InvoiceHeader.kwInvoiceNumber`, **Offset** = 0
  </Step>

  <Step title="Ajouter la contrainte de recherche">
    Cliquez sur l’onglet **Advanced**. Le séparateur se trouve en haut de la zone de recherche définie ; définissez donc cette [contrainte de recherche supplémentaire](/fr/flexi-capture/fls/template/advanced-constraints) dans le champ **Advanced pre-search relations** : recherchez, sur l’image, l’objet le plus proche de sa limite supérieure. Dans le [langage FlexiLayout](/fr/flexi-capture/fls/code/general-code) :

    ```text theme={null}
    NearestY: PageRect.Top;
    ```

    <Tip>
      Vous pouvez également définir la contrainte **Nearest** via l’interface utilisateur graphique de FlexiLayout Studio. Cliquez sur l’onglet **Relations**, sélectionnez **Nearest**, puis sélectionnez **Page top edge** dans la liste déroulante **To**.
    </Tip>
  </Step>

  <Step title="Vérifier l’association">
    Associez le FlexiLayout aux images de test et vérifiez que FlexiLayout Studio détecte l’élément sur chaque image.
  </Step>
</Steps>