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

# Sample 3. Step 14: Detect the auxiliary horizontal separator with an hsTableHeaderTop element

> Add an hsTableHeaderTop Separator element that finds the horizontal line above the table header, configuring length, space, and relation settings.

The table header begins with a horizontal separator above the column names. Create a [Separator](/flexi-capture/fls/template/separator) element to detect it and restrict the search areas of the column names.

<Steps>
  <Step title="Create the Separator element">
    Create an element of type [Separator](/flexi-capture/fls/template/separator) and name it **hsTableHeaderTop**.
  </Step>

  <Step title="Configure the separator">
    Click the **Separator** tab and set these values:

    * In the **Orientation** group, select **Horizontal**.
    * Set **Min length** / **Max length** to 1500 / 2500.
    * Select **Fits entirely within search area**.
    * Under **Space**, set **Max length** to 20 and **Orthogonal shift** to 20.

    Leave the default values for the other parameters.

    <Tip>
      Before you set the separator length, analyze the geometrical properties (size and boundaries) of the neighboring objects detected during pre-recognition. Separator error thresholds are selected by trial and 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="Screenshot of the Separator tab of the Properties of SearchElements.hsTableHeaderTop dialog box in ABBYY FlexiLayout Studio, showing the Horizontal orientation selected, Min and Max length set to 1500 and 2500, and the Fits entirely within search area option enabled." width="431" height="455" data-path="images/flexi-capture/fls/tutorial3_14.png" />
    </Frame>
  </Step>

  <Step title="Set the search constraints">
    Click the **Relations** tab. The separator occurs only below the keywords of the **kwInvoiceDate** and **kwInvoiceNumber** names, so set these constraints:

    * **Below** the `InvoiceHeader.kwInvoiceDate` element, **Offset** = 0
    * **Below** the `InvoiceHeader.kwInvoiceNumber` element, **Offset** = 0
  </Step>

  <Step title="Add the search constraint">
    Click the **Advanced** tab. The separator sits at the top of the described search area, so set this [additional search constraint](/flexi-capture/fls/template/advanced-constraints) in the **Advanced pre-search relations** field: look for the object on the image nearest to its top boundary. In the [FlexiLayout language](/flexi-capture/fls/code/general-code):

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

    <Tip>
      You can also set the **Nearest** constraint via the FlexiLayout Studio graphical user interface. Click the **Relations** tab, select **Nearest**, and in the **To** drop-down list select **Page top edge**.
    </Tip>
  </Step>

  <Step title="Verify the match">
    Match the FlexiLayout with the test images and confirm that FlexiLayout Studio detects the element on every image.
  </Step>
</Steps>