---
title: "How To: Find the Size of an Array Using the Size Operator"
slug: "size-operator-finding-the-size-of-an-array"
description: "Learn to use the Size operator to count rows in a data table, configure components, and display results effectively in your module."
updated: 2025-11-12T09:54:47Z
published: 2025-11-12T14:26:20Z
canonical: "docs.unqork.io/size-operator-finding-the-size-of-an-array"
---

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

# How To: Find the Size of an Array Using the Size Operator

UDesignerClassic Designer

The Size operator counts the number of values in a string, but it can also count the number of elements in an array. In this how-to guide, you’ll learn how to use a **Size operator and count the number of rows in a data table**.

You’ll find the Size operator under the [Array](https://docs.unqork.io/docs/how-to-guide-array-operators) operators group to the left of the [Data Workflow](https://docs.unqork.io/docs/unqorks-data-workflow-operators) canvas.

## Finding the Size of an Array

In this example, you’ll use a Size operator and count the number of rows in a data table.

> [!NOTE]
> These instructions assume you have a new module open, saved, and with a title.

### Configure the Data Table Component

Begin by adding a [Data Table](https://docs.unqork.io/docs/data-table-component) component with a list of dogs’ names and ages.

1. In the Module Builder, drag and drop a Data Table component onto your canvas.
2. In the **Property ID** field, enter `dtDogs`.
3. In the data table, enter the following:

| # | A | B |
| --- | --- | --- |
| 1 | name | age |
| 2 | Ivy | 7 |
| 3 | Lucy | 10 |
| 4 | Wally | 1 |
| 5 | Nacho | 5 |
| 6 | Thor | 5 |
| 7 | Holly | 13 |

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(281).png?sv=2026-02-06&spr=https&st=2026-11-08T18%3A05%3A08Z&se=2026-11-08T19%3A05%3A08Z&sr=c&sp=r&sig=VYwh8n8VkdlCYoHUG1KTBbujuI6UpO2%2BN4wUThv%2F1Ic%3D)
4. Click **Save Component**.

### Configure the Text Field Component

Next, configure a [Text Field](https://docs.unqork.io/docs/text-field-component) component to store the output from your Data Workflow. This Text Field component displays the number of rows in your array. To prevent end-users from making changes to the field, you’ll enable the Disable User Input setting in the component.

1. Drag and drop a **Text Field** component onto your canvas, placing it below your `dtDogs` **Data Table** component.
2. In the **Property ID** field, enter `numberOfRows`.
3. In the **Label Text** field, enter `Number of Data Table Rows`.
4. From the **Input Behavior** drop-down, select **Disable User Input**.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(283).png?sv=2026-02-06&spr=https&st=2026-11-08T18%3A05%3A08Z&se=2026-11-08T19%3A05%3A08Z&sr=c&sp=r&sig=VYwh8n8VkdlCYoHUG1KTBbujuI6UpO2%2BN4wUThv%2F1Ic%3D)
5. Click **Save Component**.

### Configure the Data Workflow Component

Lastly, configure your [Data Workflow](https://docs.unqork.io/docs/using-unqorks-dataworkflow) component, starting with an Input operator to bring data from your table into the Data Workflow. Then, add a Size operator to locate the number of rows the table stores. Then, output the result to your Text Field component.

1. Drag and drop a **Data Workflow** component onto your canvas, placing it below your `numberOfRows` **Text Field** component.
2. In the **Property ID** and **Canvas Label Text** fields, enter `dwfSize`.
3. From the **Trigger Type** drop-down, select **Watch**.

#### Configure the Input Operator

1. Drag and drop an **Input** operator onto your Data Workflow canvas.
2. Configure the operator's **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Input |
| Component | dtDogs |
| Required | Yes |
| Source | Default |

#### Configure the Size Operator

This operator counts the number of rows in your data table.

1. Drag and drop a **Size** operator onto your Data Workflow canvas.
2. Configure the operator's **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Size |
| Label | Size of Data Table |
3. Connect the output port (right) of the `dtDogs` **Input** operator to the input port (left) of the `Size of Data Table` **Size** operator.

#### Configure the Output Operator

This operator sends the Size operator's value to your Text Field component.

1. Drag and drop an **Output** operator onto your Data Workflow canvas.
2. Configure the operator's **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Output |
| Component | numberOfRows |
| Action | value |
3. Connect the output port (right) of the `Size of Data Table` **Size** operator to the input port (left) of the `numberOfRows` **Output** operator.![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(284).png?sv=2026-02-06&spr=https&st=2026-11-08T18%3A05%3A08Z&se=2026-11-08T19%3A05%3A08Z&sr=c&sp=r&sig=VYwh8n8VkdlCYoHUG1KTBbujuI6UpO2%2BN4wUThv%2F1Ic%3D)
4. Click **Save Component**.
5. **Save** your module.

Here's how your module looks in the Module Builder:

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(285).png?sv=2026-02-06&spr=https&st=2026-11-08T18%3A05%3A08Z&se=2026-11-08T19%3A05%3A08Z&sr=c&sp=r&sig=VYwh8n8VkdlCYoHUG1KTBbujuI6UpO2%2BN4wUThv%2F1Ic%3D)

Preview your module in Express View, and you’ll see your Text Field component display the number of rows in your table. Return to your Data Table component in the Module Builder and adjust the number of rows to see new results in Express View.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(287).png?sv=2026-02-06&spr=https&st=2026-11-08T18%3A05%3A08Z&se=2026-11-08T19%3A05%3A08Z&sr=c&sp=r&sig=VYwh8n8VkdlCYoHUG1KTBbujuI6UpO2%2BN4wUThv%2F1Ic%3D)

The Size operator counts the number of values in a string, but it can also count the number of elements in an array. In this how-to guide, you’ll learn how to use a **Size operator and count the number of rows in a data table**.

You’ll find the Size operator under the [Array](https://docs.unqork.io/docs/how-to-guide-array-operators) operators group to the left of the [Data Workflow](https://docs.unqork.io/docs/unqorks-data-workflow-operators) canvas.

## Finding the Size of an Array

In this example, you’ll use a Size operator and count the number of rows in a data table.

> [!NOTE]
> These instructions assume you have a new module open, saved, and with a title.

### Configure the Data Table Component

Begin by adding a [Data Table](https://docs.unqork.io/docs/data-table-component) component with a list of dogs’ names and ages.

1. In the Module Builder, drag and drop a **Data Table** component onto your canvas.
2. In the **Label** and **Property Name** fields, enter `dtDogs`.
3. In the data table, enter the following:

| # | A | B |
| --- | --- | --- |
| 1 | name | age |
| 2 | Ivy | 7 |
| 3 | Lucy | 10 |
| 4 | Wally | 1 |
| 5 | Nacho | 5 |
| 6 | Thor | 5 |
| 7 | Holly | 13 |

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Dwf_Aggregate_MeanBy_DT(3).jpg?sv=2026-02-06&spr=https&st=2026-11-08T18%3A05%3A08Z&se=2026-11-08T19%3A05%3A08Z&sr=c&sp=r&sig=VYwh8n8VkdlCYoHUG1KTBbujuI6UpO2%2BN4wUThv%2F1Ic%3D)
4. Click **Save**.

### Configure the Text Field Component

Next, configure a [Text Field](https://docs.unqork.io/docs/text-field-component) component to store the output from your Data Workflow. This Text Field component displays the number of rows in your array. To prevent end-users from making changes to the field, you’ll enable the Disable User Input setting in the component.

1. Drag and drop a **Text Field** component onto your canvas, placing it below your `dtDogs` **Data Table** component.
2. In the **Property ID** field, enter `numberOfRows`.
3. In the **Label Text** field, enter `Number of Data Table Rows`.
4. Set **Disable User Input** to ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/toggle_ON(6).png?sv=2026-02-06&spr=https&st=2026-11-08T18%3A05%3A08Z&se=2026-11-08T19%3A05%3A08Z&sr=c&sp=r&sig=VYwh8n8VkdlCYoHUG1KTBbujuI6UpO2%2BN4wUThv%2F1Ic%3D) **(ON)**.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(305).png?sv=2026-02-06&spr=https&st=2026-11-08T18%3A05%3A08Z&se=2026-11-08T19%3A05%3A08Z&sr=c&sp=r&sig=VYwh8n8VkdlCYoHUG1KTBbujuI6UpO2%2BN4wUThv%2F1Ic%3D)
5. Click **Save & Close**.

### Configure the Data Workflow Component

Lastly, configure your [Data Workflow](https://docs.unqork.io/docs/using-unqorks-dataworkflow) component, starting with an Input operator to bring data from your table into the Data Workflow. Then, add a Size operator to locate the number of rows the table stores. Then, output the result to your Text Field component.

1. Drag and drop a **Data Workflow** component onto your canvas, placing it below your `numberOfRows` **Text Field** component.
2. In the **Canvas Label Text** and **Property Name** fields, enter `dwfSize`.
3. From the **Trigger Type** drop-down, select **Watch**.

#### Configure the Input Operator

1. Drag and drop an **Input** operator onto your Data Workflow canvas.
2. Configure the operator's **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Input |
| Component | dtDogs |
| Required | Yes |
| Source | Default |

#### Configure the Size Operator

This operator counts the number of rows in your data table.

1. Drag and drop a **Size** operator onto your Data Workflow canvas.
2. Configure the operator's **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Size |
| Label | Size of Data Table |
3. Connect the output port (right) of the `dtDogs` **Input** operator to the input port (left) of the `Size of Data Table` **Size** operator.

#### Configure the Output Operator

This operator sends the Size operator's value to your Text Field component.

1. Drag and drop an **Output** operator onto your Data Workflow canvas.
2. Configure the operator's **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Output |
| Component | characters |
| Action | value |
3. Connect the output port (right) of the `Size of Data Table` **Size** operator to the input port (left) of the `numberOfRows` **Output** operator.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(307).png?sv=2026-02-06&spr=https&st=2026-11-08T18%3A05%3A08Z&se=2026-11-08T19%3A05%3A08Z&sr=c&sp=r&sig=VYwh8n8VkdlCYoHUG1KTBbujuI6UpO2%2BN4wUThv%2F1Ic%3D)
4. Click **Save**.
5. **Save** your module.

Here's how your module looks in the Module Builder:

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(308).png?sv=2026-02-06&spr=https&st=2026-11-08T18%3A05%3A08Z&se=2026-11-08T19%3A05%3A08Z&sr=c&sp=r&sig=VYwh8n8VkdlCYoHUG1KTBbujuI6UpO2%2BN4wUThv%2F1Ic%3D)

Preview your module in Express View, and you’ll see your Text Field component display the number of rows in your table. Return to your Data Table component in the Module Builder and adjust the number of rows to see new results in Express View.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(287).png?sv=2026-02-06&spr=https&st=2026-11-08T18%3A05%3A08Z&se=2026-11-08T19%3A05%3A08Z&sr=c&sp=r&sig=VYwh8n8VkdlCYoHUG1KTBbujuI6UpO2%2BN4wUThv%2F1Ic%3D)

The Number data type accepts integer or floating point values. The number data type does not use quotes around numerical values.

A string is an object that represents a sequence of characters. Strings typically hold data represented in text form.

Elements are are what you use to build Unqork applications. Elements include modules, workflows, Data Collections, Data Schema, and Record Collections.

A Property ID is the unique field ID used by Unqork to track and link components in your module.

An array is a type of object that stores one or more data types. Data types supported in arrays include numbers, strings, and objects.

End-users, also known as Express Users, are the individuals accessing an application through Express View. In most cases, end-users are the customers using the product.

The VCS (version control system) Contributor role has permissions to edit modules in a branch. Set contributors during the VCS Create a Branch process.

Label Text conveys what the input component is and what information it displays. Enter the purpose of the corresponding component or field.

Canvas Label Text indicates the purpose of the corresponding field or component. For non-input components, the Canvas Label Text isn't end-user facing, and only appears in the .

Deteremines how the component triggers.

Express View is how your end-user views your application. Express View also lets you preview your applications to test your configuration and view the styling. This is also the view your end-users will see when interacting with your application. After configuring a module, click Preview in the Module Builder to interact with the module in Express View.

Label Text conveys what the input component is and what information it displays. Enter the purpose of the corresponding component or field.

A Property ID is the unique field ID used by Unqork to track and link components in your module.

## Related

- [Size Operator](/size-operator.md)
- [Data Workflow Component](/data-workflow-component.md)