Make table rows clickable

Problem

You want to make a table row trigger an action on user click.

Solution

1. Select the Data Table you want to configure.
2. Scroll down to Events panel and the On Select Row event handler
3. Select the function of you would like to run when a table row is clicked

Discussion

• You may select any function within your current page or component scope.
  • For example, you may want to navigate to another page upon clicking on a row. In that case, use a function with the Navigate to Page action on the Browser resource.
  • You may use {{ dataTable.selectedRow.xyz }} in the function you select to bind to the data in the selected row.

See also

• Add a button to a table row