Is it possible to change cursor for SfGrid?

[Jim Young]

I am presenting data in an SfGrid. The data is read only and I would like to show something other than the edit cursor, when hovering over a row.

Is this possible?

[Renjith Singh Rajendran]

Hi Jim, 

Greetings from Syncfusion support. 

You can customize the default Grid’s display by overriding the default styles for the corresponding classes in Grid based on your requirement. Please refer the below documentation for more details,  

https://blazor.syncfusion.com/documentation/datagrid/how-to/grid-styling/ 

Please add the below styles to customize the cursor display in Grid, 

<style> 

    .e-grid .e-rowcell{ 

        cursor:no-drop; 

    } 

</style> 

Please get back to us if you need further assistance. 

Regards, 

Renjith Singh Rajendran 

[Kenny Carneal]

I realize this is an old post, but when I use this approach on a page and then open a dialog over top this same style is applying to the second grid inside of the dialog. Is there a way to specify that this only applies to the current grid and not to the dialog opened over top of it?

[Prathap Senthil]

Hi Kenny,

Greetings from Syncfusion,

Based on your requirements, we suggest customizing the CSS using the Grid ID to achieve your desired outcome for applying CSS customization to a specific grid. Kindly refer to the code snippet and sample below for your reference.

<style>

    #Grid.e-grid .e-rowcell {

        cursor: no-drop;

    }

</style>

https://blazorplayground.syncfusion.com/embed/hDBpDurwgbKCplgJ?appbar=true&editor=true&result=true&errorlist=true&theme=bootstrap5

Regards,
Prathap Senthil

[Kenny Carneal]

Thank you so much that works perfectly! You and the whole support team are wonderful :)

[Naveen Palanivel]

Hi Kenny,

Welcome,

We are glad to hear that the reported issue resolved at your end.

Kindly get back to us if you have further queries.

Regards,

Naveen