3. Show Dynamic Data in a Table

Now let's define how each column in the table will be mapped to the data from the API:

  1. Displaying ID Information:
  • Click on one of the Label elements in theID column.
  • Open the Properties > Value menu and select ID under Field to Display. Fills the ID column in the table with the ID data from the API.
  1. Displaying Stock Code Information:
  • Click on one of the Label elements in the Stock Code column.
  • Select Stock Code from the Field to Display menu. Dynamically binds the stock code information to the relevant column of the table.
  1. Displaying Product Name:
  • Click on one of the Label elements in the Name column.
  • Select Stock Name from the Field to Display menu. This will populate the product name column in the table with data pulled from the API.
  1. Showing Barcode Information:
  • Click on one of the Label elements in the Barcode column.
  • Select Stock Barcode from the Field to Display menu. Links the barcode information to the corresponding column of the table.