How to set up row numbering?

1. Approach with the {row_index} option

{row_index} is our native functionality that can be used in a Table if you want to retrieve the row index/number from your array.



This is how it looks in the final PDF:



The {row_index} functionality can be also used in the Conditional formatting as an expression for the condition. Perfect example is setting up "Alternate rows" in the Container component.

2. Approach with the "Auto-increment" option

Auto-increment allows a unique number to be generated automatically when a new record is added from an array.

It is usually used when you want to add a "Row number" to each of the items listed in your Invoice or Order.

Guideline for setting up the Row Numbering with your array using Auto inc. functionality

Firstly you need to place a Container Component that will represent a specific array. Then you will place a Number Component which is going to be auto-incremented in every new iteration inside that Container Component like it is displayed in the picture below.

1. step is to select AUTO INC. which will automatically increase the value by selected number (usually "1").
2 . step is to set a RAW VALUE which presents the first record that you want to start with (usually "1").


Tip: You can also use {row_index} in a Container Component and Auto inc. in a Table Component. (In the Table Component, the Formatting needs to be switched from TEXT to NUMBER in the cell where you want to set the Auto inc. functionality)

Updated on: 15/01/2025