We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

How to hide the row/ record of SfGrid component

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?

1 Reply

NP Naveen Palanivel Syncfusion Team October 20, 2022 10:38 PM

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



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


        display : none;





Please let us know if you have any concerns.


Naveen Palanivel

Attachment: BlazorApp2010(1)_30f94887.zip

Live Chat Icon For mobile
Up arrow icon