Usually when you show data in a table in Visual Builder Cloud Service you also want to allow people to choose one of the rows and do something with it. For example you might want to pass a value from one of the columns in the row that you selected to some action flow.
In the video below we show you how to access the values in the selected row in a table.
We do this by hooking an action flow to the change event on the table's firstSelectedRow attribute. This attribute provides you with the data and the key of the selected row in an oj-Table. So, in the action flow we are taking the value from that data object and using it to do something, in the demo we just assign this to another variable on the page – which then allows us to show it in another field on the page.
Here is the complete flow:
In the action chain we have access to this variable with the data of the row:
{{ $chain.variables.firstSelectedRow.data }}
The result is a page that looks like this: