> ## 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.

# Ejemplo 3. Paso 14: Detectar el separador horizontal auxiliar con un elemento hsTableHeaderTop

> Agregue un elemento Separator hsTableHeaderTop que detecte la línea horizontal situada encima del encabezado de tabla y configure los parámetros de longitud, espacio y relación.

El encabezado de tabla comienza con un separador horizontal encima de los nombres de las columnas. Cree un elemento [Separator](/es/flexi-capture/fls/template/separator) para detectarlo y limitar las áreas de búsqueda de los nombres de las columnas.

<Steps>
  <Step title="Crear el elemento Separator">
    Cree un elemento de tipo [Separator](/es/flexi-capture/fls/template/separator) y asígnele el nombre **hsTableHeaderTop**.
  </Step>

  <Step title="Configurar el separador">
    Haga clic en la pestaña **Separator** y establezca los siguientes valores:

    * En el grupo **Orientación**, seleccione **Horizontal**.
    * Establezca **Longitud mín.** / **Longitud máx.** en 1500 / 2500.
    * Seleccione **Encaja completamente dentro del área de búsqueda**.
    * En **Espacio**, establezca **Longitud máx.** en 20 y **Desplazamiento ortogonal** en 20.

    Deje los valores predeterminados de los demás parámetros.

    <Tip>
      Antes de establecer la longitud del separador, analice las propiedades geométricas (tamaño y límites) de los objetos cercanos detectados durante el prerreconocimiento. Los umbrales de error del separador se determinan mediante prueba y error.
    </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="Captura de pantalla de la pestaña Separator del cuadro de diálogo Propiedades de SearchElements.hsTableHeaderTop en ABBYY FlexiLayout Studio, que muestra la orientación Horizontal seleccionada, la longitud mín. y máx. establecidas en 1500 y 2500, y la opción Encaja completamente dentro del área de búsqueda habilitada." width="431" height="455" data-path="images/flexi-capture/fls/tutorial3_14.png" />
    </Frame>
  </Step>

  <Step title="Establecer las restricciones de búsqueda">
    Haga clic en la pestaña **Relations**. El separador aparece únicamente debajo de las palabras clave de los nombres **kwInvoiceDate** y **kwInvoiceNumber**, por lo que debe establecer las siguientes restricciones:

    * **Debajo** del elemento `InvoiceHeader.kwInvoiceDate`, **Offset** = 0
    * **Debajo** del elemento `InvoiceHeader.kwInvoiceNumber`, **Offset** = 0
  </Step>

  <Step title="Agregar la restricción de búsqueda">
    Haga clic en la pestaña **Advanced**. El separador se encuentra en la parte superior del área de búsqueda descrita, por lo que debe establecer esta [restricción de búsqueda adicional](/es/flexi-capture/fls/template/advanced-constraints) en el campo **relación avanzada de prebúsqueda**: busque el objeto de la imagen más cercano a su límite superior. En el [FlexiLayout language](/es/flexi-capture/fls/code/general-code):

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

    <Tip>
      También puede establecer la restricción **Nearest** mediante la interfaz gráfica de usuario de FlexiLayout Studio. Haga clic en la pestaña **Relations**, seleccione **Nearest** y, en la lista desplegable **To**, seleccione **Borde superior de página**.
    </Tip>
  </Step>

  <Step title="Verificar la coincidencia">
    Ejecute la coincidencia de FlexiLayout con las imágenes de prueba y confirme que FlexiLayout Studio detecta el elemento en todas las imágenes.
  </Step>
</Steps>