63
Views
4
Comments
Solved
How to Add a "View Details" Button in the Action Column of a Data Grid Widget

Hi everyone,

I'm working on a Reactive Web App in OutSystems, where I have a Data Grid widget displaying a list of rejected orders. I want to add a "View Details" button in the last column (Action column) of the grid for each order. This button should allow users to view the details of the specific order in a new screen or popup when clicked.

Could anyone guide me on how to add this button to the Data Grid and link it to an order details screen?

Thank you in advance!


image (6).png
2025-12-04 09-01-03
Kiet Phan
Champion
Solution

Hi @Pooja Tripathi ,

By using ActionColumn, and set ElementsType to Button, you can add an action column into your DataGrid. The text in button can be generated dynamic or fixed.

In Event Handler you can use Screen Transition to your detail page.

2024-11-05 20-09-29
Pooja Tripathi

Hi Kiet,

Thank you for the detailed explanation and the screenshot! This is really helpful. I’ll try implementing the ActionColumn with the Button element type in my DataGrid and set up the dynamic text as you've suggested. I’ll also use the Screen Transition in the Event Handler to link to the detail page.

Appreciate your guidance!

2025-12-04 09-01-03
Kiet Phan
Champion

You're welcome, feel free to ask if there is any question. :)

By the way, can you please mark my answer as the solution, this will help other users find solution faster :)


2025-09-11 02-29-15
Vivekanandan Kulandasamy

Hi @Kiet Phan,

Good day !!!

Its possible to be button on row number column header instead of exiting.

Thanks,

Vivek

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.