How to hide the row/ record of SfGrid component

[Ben Willan]

In my SfGrid component in the GridColumn tag I have defined a template which contains an SfButton. The button renders in it's own column of the grid. When this button is clicked, the button changes colour (from grey to green). At this moment I would also like that specific row to also hide from the grid (but not be deleted).

How can I achieve this?

[Naveen Palanivel]

Hi Ben,

Query : “hide the row/ record of SfGrid”

We checked your query and we would like to inform that, we achieve your requirement when the button is clicked the specified row is hide by using CSS style. We attached the snippet code and sample for your reference

<style>

 

.e-grid .e-rowcell.e-selectionbackground {

        background-color:green;

        display : none;

    }

 

 

</style>

Please let us know if you have any concerns.

Regards,

Naveen Palanivel

Attachment: BlazorApp2010(1)_30f94887.zip