---
title: "Table2Object Operator"
slug: "table2object-operator"
updated: 2025-09-26T06:16:18Z
published: 2025-09-26T06:16:18Z
canonical: "docs.unqork.io/table2object-operator"
---

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

# Table2Object Operator

UDesignerClassic Designer

## Overview

The **Table2Object operator** helps you create an object from a table. Consider a data table with two columns: **key** and **value**. Let's say the first row of your table has a key of `name` and a value of `Josephine`. Then, the next row has a key of `age `and a value of `82`. The Table2Object operator takes each row of the table and turns them into key/value pairs in a single object. After performing the operation, the result is the following: `{"name":"Josephine", "age":82}`.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/table2object_thumb_0_0.jpg?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A38Z&se=2026-11-07T18%3A57%3A38Z&sr=c&sp=r&sig=7bnr43YUbeKfrWolgRXmU46QW00sdD9Cl0p8S2bkqUU%3D)

You'll find the Table2Object operator is located under the [Table operators](/v1/docs/introduction-to-data-workflow-table-operators) group to the left of the [Data Workflow](/v1/docs/data-workflow-component) canvas.

## About the Info Window

Here's a breakdown of each setting in the Table2Object operator's Info window:

| Info |
| --- |
| **Label** | Sets the label for your operator, displaying below the operator on your Data Workflow canvas. This field is optional, but set a label if you use more than one of the same operator type. A label helps you identify your operators without opening any Info windows. |
| **Preserve Argument Type** | When selected, this setting ensures the argument data type is respected when the operator executes. |
| **Key Column Name** | Enter the name (header) of the column that contains the keys you want to use in each key/value pair. |
| **Value Column Name** | Enter the name (header) of the column that contains the values you want to use in each key/value pair. |

## Adding a Table2Object Operator

Now, let's explore the Table2Object operator to create an object from a table. You'll begin by setting up a [Data Table](/v1/docs/data-table-component) component that contains two columns: **field** and **value**. Each row of the table becomes a key/value pair in the final object.

### Configure the Data Table Component

You'll begin by adding a [Data Table](/v1/docs/data-table-component) component and populate it with data that you want to turn into a object.

1. In the Module Builder, drag and drop a **Data Table** component onto your canvas.
2. In the Property ID field, enter **dtTable**.
3. Complete the data table as follows:

|  | A | B |
| --- | --- | --- |
| 1 | field | value |
| 2 | firstName | Roxane |
| 3 | lastName | Campain |
| 4 | age | 37 |
| 5 | occupation | librarian |
4. Click **Save Component**.

### Configure the Data Workflow Component

Next, you'll configure the [Data Workflow](/v1/docs/data-workflow-component) component, which performs the Table2Object operation.

1. Drag and drop a **D****ata Workflow** component onto your canvas, placing it below the **dtTable Data Table** component.
2. In the Property ID and Canvas Label Text fields, enter `dwfTable2Object`.
3. Click **Save Component**.

#### Configure the Input Operator

1. Drag and drop an **I****nput** operator onto your **D****ata Workflow** canvas.
2. Configure the operator's **Info** window as follows:

| Info |
| --- |
| Category | Input |
| Component | dtTable |
| Required | Yes |
| Source | Default |

#### Configure the First Console Operator

Now, add a [Console](/v1/docs/console-operator) operator before the Table2Object operator to view the current order ooof the data in the DevTools Console.

1. Drag and drop a **C****onsole** operator onto your **D****ata Workflow** canvas.
2. Complete the operator's **Info** window as follows:

| Info |
| --- |
| **Category** | Console |
| **Label** | Before Table2Object |
3. Connect the output port (right) of the **dtTable** **I****nput** operator to the input port (left) of the **Before Table2Object****C****onsole** operator.
4. Click **Save Component**

#### Configure the Table2Object Operator

Configure the Table2Object operator. Notice that the values you enter in the Info window's Key Column Name and Value Column Name fields match the column headers in your Data Table component.

1. Drag and drop a **T****able2Object** operator onto your **D****ata Workflow** canvas.
2. Complete the operator's **Info** window as follows:

| Info |
| --- |
| Category | Table2Object |
| Label | Convert to Object |
| Preserve Argument Type | ☐ (**unchecked**) |
| Key Column Name | field |
| Value Column Name | value |
3. Connect the output port (right) of the **dtTable** **I****nput** operator to the input port (left) of the **Convert to Object** **T****able2Object** operator.
4. Click **Save Component**

#### Configure the Second Console Operator

Then, add a second Console operator to view the result of your Data Workflow.

1. Drag and drop a **C****onsole** operator onto your **D****ata Workflow** canvas.
2. Complete the operator's **Info** window as follows:

| Info |
| --- |
| Category | Console |
| Label | After Table2Object |
3. Connect the output port (right) of the **Convert to Object** **T****able2Object** operator to the input port (left) of the **After Table2Object** **C****onsole** operator.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/dwfTable2Object_thumb_0_0.jpg?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A38Z&se=2026-11-07T18%3A57%3A38Z&sr=c&sp=r&sig=7bnr43YUbeKfrWolgRXmU46QW00sdD9Cl0p8S2bkqUU%3D)
4. Click **Save Component**

### Configure the Button Component

Lastly, configure a [Button](/v1/docs/button-component) component to trigger the Data Workflow in Express View.

1. Drag and drop a **Button** component onto your canvas, placing it below the `dwfTable2Object` **D****ata Workflow** component.
2. In the Property ID field, enter **btnRunDWF**.
3. In the Label Text field, enter `Run Table2Object`.
4. Navigate to the **Actions** settings.
5. From the **Action Type** drop-down, select **Event**.
6. From the **On Click** drop-down, enter or select dwfTable2Object.
7. Click **Save Component**.
8. **Save** your module.

Preview your module in Express View and open the DevTools Console. Click the **Run Table2Object** button and review the data posted in the console.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/assoclp_dwfdata_27_t20Console_thumb_0_0.jpg?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A38Z&se=2026-11-07T18%3A57%3A38Z&sr=c&sp=r&sig=7bnr43YUbeKfrWolgRXmU46QW00sdD9Cl0p8S2bkqUU%3D)

## Overview

The **Table2Object operator** helps you create an object from a table. Consider a data table with two columns: **key** and **value**. Let's say the first row of your table has a key of `name `and a value of `Josephine`. Then, the next row has a key of `age `and a value of `82`. The Table2Object operator takes each row of the table and turns them into key/value pairs in a single object. After performing the operation, the result is the following: `{"name":"Josephine", "age":82}`.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/table2objectClassic_thumb_0_0.jpg?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A38Z&se=2026-11-07T18%3A57%3A38Z&sr=c&sp=r&sig=7bnr43YUbeKfrWolgRXmU46QW00sdD9Cl0p8S2bkqUU%3D)

You'll find the Table2Object operator under the [Table operators](/v1/docs/introduction-to-data-workflow-table-operators) group to the left of the [Data Workflow](/v1/docs/data-workflow-component) canvas.

## About the Info Window

Here's a breakdown of each setting in the Table2Object operator's Info window:

| Setting | Description |
| --- | --- |
| Label | Sets the label for your operator, displaying below the operator on your Data Workflow canvas. This field is optional, but set a label if you use more than one of the same operator type. A label helps you identify your operators without opening any Info windows. |
| Preserve Argument Type | When selected, this setting ensures the argument data type is respected when the operator executes. |
| Key Column Name | Enter the name (header) of the column that contains the keys you want to use in each key/value pair. |
| Value Column Name | Enter the name (header) of the column that contains the values you want to use in each key/value pair. |

## Adding a Table2Object Operator

Now, let's explore the Table2Object operator to create an object from a table. You'll begin by setting up a [Data Table](/v1/docs/data-table-component) component that contains two columns: **field** and **value**. Each row of the table becomes a key/value pair in the final object.

### Configure the Data Table Component

You'll begin by adding a [Data Table](/v1/docs/data-table-component) component and populate it with data that you want to turn into a object.

1. In the Module Builder, drag and drop a **Data Table** component onto your canvas.
2. In the Property ID and Canvas Label Text fields, enter `dtTable`.
3. To the left of the component's configuration window, click **D****ata**.
4. In the data table, enter the following:

|  | A | B |
| --- | --- | --- |
| 1 | field | value |
| 2 | firstName | Roxane |
| 3 | lastName | Campain |
| 4 | age | 37 |
| 5 | occupation | librarian |
5. Click **Save & Close**.

### Configure the Data Workflow Component

Next, you'll set up the [Data Workflow](/v1/docs/data-workflow-component) component, which performs the Table2Object operation.

1. Drag and drop a **D****ata Workflow** component onto your canvas, placing it below the **dtTable Data Table** component.
2. In the Canvas Label Text and Property ID fields, enter `dwfTable2Object`.

#### Configure the Input Operator

1. Drag and drop an **I****nput** operator onto your **D****ata Workflow** canvas.
2. Configure the **I****nput** operator's **Info** window as follows:

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

#### Configure the First Console Operator

Now, add a [Console](/v1/docs/console-operator) operator before the Table2Object operator to view the current order in the DevTools Console.

1. Drag and drop a **C****onsole** operator onto your **D****ata Workflow** canvas.
2. Complete the operator's **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Get |
| Label | Before Table2Object |
3. Connect the output port (right) of the **dtTable** **I****nput** operator to the input port (left) of the **Before Table2Object** **C****onsole** operator.

#### Configure the Table2Object Operator

Configure the Table2Object operator. Notice that the values you enter in the Info window's Key Column Name and Value Column Name fields match the column headers in your Data Table.

1. Drag and drop a **T****able2Object** operator onto your **D****ata Workflow** canvas.
2. Complete the operator's **Info** window as follows:

| Setting | Description |
| --- | --- |
| Label | Convert to Object |
| Preserve Argument Type | ☐ (**unchecked**) |
| Key Column Name | field |
| Value Column Name | value |
3. Connect the output port (right) of the **dtTable** **I****nput** operator to the input port (left) of the **Convert to Object****T****able2 Object** operator.

#### Configure the Second Console Operator

Add a Console operator to help you view the result of your Data Workflow.

1. Drag and drop another **C****onsole** operator onto your **D****ata Workflow** canvas.
2. Complete the operator's **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Console |
| Label | After Table2Object |
3. Connect the output port (right) of the **Convert to Object** **T****able2Object** operator to the input port (left) of the **After Table2Object** **C****onsole** operator.

Here's how the completed Data Workflow looks:

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/dwfTable2ObjectClassic_thumb_0_0.jpg?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A38Z&se=2026-11-07T18%3A57%3A38Z&sr=c&sp=r&sig=7bnr43YUbeKfrWolgRXmU46QW00sdD9Cl0p8S2bkqUU%3D)

### Configure the Button Component

Lastly, configure a [Button](/v1/docs/button-component) component to trigger the Data Workflow in Express View.

1. Drag and drop a **Button** component onto your canvas, placing it below the `dwfTable2Object` **D****ata Workflow** component.
2. In the Property ID field, enter **btnRunDWF**.
3. In the Label Text field, enter `Run Table2Object`.
4. To the left of the component's configuration window, click **Actions**.
5. Set the **Action Type** as **Event**.
6. From the **On Click** drop-down, select **dwfTable2Object**.
7. Click **Save & Close**.
8. **Save** your module

Preview your module in Express View and open the DevTools Console. Click the Run Table2Object button and review the data posted in the console.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/assoclp_dwfdata_27_t20Console_thumb_0_0(1).jpg?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A38Z&se=2026-11-07T18%3A57%3A38Z&sr=c&sp=r&sig=7bnr43YUbeKfrWolgRXmU46QW00sdD9Cl0p8S2bkqUU%3D)

## Resources

- [Modify the Table2Object operator](/v1/docs/modifying-data-workflow-operators).
- [Introduction to Data Workflow](/v1/docs/introduction-to-data-workflow)
- [Introduction to Data Workflow Operators](/v1/docs/data-workflow-operators)
- [Data Workflow component](/v1/docs/data-workflow-component)
- [Input operator](/v1/docs/input-operator)
- [Output operator](/v1/docs/output-operator)

An object is a type of data structure that represents a single, self-contained entity that acts as a container for the characteristics of that entity.

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

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 .

The DevTools Console helps you securely store, build, test, and deploy your software.

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.