How is your experience with the OutSystems Community?
18
Views
5
Comments
Solved
datagrid to perform edit and delete operation
Application Type
Reactive

Hi All,

I need to add icons in the data grid for edit and delete operations. Additionally, I would like to implement import/export functionality in the data grid. i am attaching my oml.

Could you please guide me on how to achieve this?

Thanks, Ritu

Grid_UI_v2.oml
2026-01-28 16-57-48
Mihai Melencu
Champion
Solution

Hi @ritu kushwaha ,

You can add an icon to an Action Column by setting its TextFixed property to the desired icon’s HTML, for example:

<span class='icon fa fa-trash' title='Delete'></span> 

If the HTML is displayed as plain text, set the Data Grid’s SanitizeInputValues property to False.

You can check the attached OML for the implementation.

For the export, this functionality is available out of the box in the Data Grid context menu, which you can access by right-clicking any cell. 

For the import, the implementation depends on your data model and validation rules. You’ll need to build it like any standard import: use Excel to Record List, apply the required validations, and either save the records directly or populate the grid first and save them afterward. 

Grid_UI_v2.oml
UserImage.jpg
ritu kushwaha

Hi @Mihai Melencu,


thanks for your reply i tried same whatever you did it but for me it was looking like this may i know am i missing somthing.. here

2026-01-28 16-57-48
Mihai Melencu
Champion
Solution

In the DataGrid configs you need to turn SanitizeInputValues to False.

UserImage.jpg
ritu kushwaha

Thanks Mihai it's working now as expected..

2026-01-28 16-57-48
Mihai Melencu
Champion
Solution

In the DataGrid configs you need to turn SanitizeInputValues to False.

2026-04-26 10-38-53
Aditi Govekar

I have checked your module your SQL query having issue can u explain me what exactly you are expecting.

You can check below URL where entire documentation is available on DataGrid
https://success.outsystems.com/documentation/11/building_apps/user_interface/patterns/using_mobile_and_reactive_patterns/interaction/outsystems_data_grid/how_to_edit_data_in_the_outsystems_data_grid

2026-01-28 16-57-48
Mihai Melencu
Champion
Solution

Hi @ritu kushwaha ,

You can add an icon to an Action Column by setting its TextFixed property to the desired icon’s HTML, for example:

<span class='icon fa fa-trash' title='Delete'></span> 

If the HTML is displayed as plain text, set the Data Grid’s SanitizeInputValues property to False.

You can check the attached OML for the implementation.

For the export, this functionality is available out of the box in the Data Grid context menu, which you can access by right-clicking any cell. 

For the import, the implementation depends on your data model and validation rules. You’ll need to build it like any standard import: use Excel to Record List, apply the required validations, and either save the records directly or populate the grid first and save them afterward. 

Grid_UI_v2.oml
UserImage.jpg
ritu kushwaha

Hi @Mihai Melencu,


thanks for your reply i tried same whatever you did it but for me it was looking like this may i know am i missing somthing.. here

2026-01-28 16-57-48
Mihai Melencu
Champion
Solution

In the DataGrid configs you need to turn SanitizeInputValues to False.

UserImage.jpg
ritu kushwaha

Thanks Mihai it's working now as expected..

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