How to show hand cursor over ejGrid's rows

[Daniel Pujante]

Hi,

I've used a ejgrid to show some options on its rows which costumes can select to access reports, but, when I move the cursor over the rows' text the cursor changes to a tipical editing text cursor, however, I need that the cursor shows a hand to make costumer undertand that they can click on these options. Somehow, I think it's posible to do, but unfortunalety, I've been searching information about it on the website, specifically, in http://js.syncfusion.com/demos/web/#!/bootstrap/grid/defaultfunctionalities, but I haven't found anything about it, Could you guide me, please?

Thank you very much

Regards,

Daniel Pujante

[Mani Sankar Durai]

Hi Daniel, 

Thanks for contacting Syncfusion support. 

We have analyzed your query and based on your requirement we have prepared a sample that can be available from the below link. 

Link: http://jsplayground.syncfusion.com/efufmwz0 

In this sample we have shown the hand cursor for the grid content when we hover the grid rows. 

Please refer the below code example. 

<style type="text/css"> 

        #Grid .e-gridcontent{ 

            cursor: pointer; 

        } 

    </style> 

Also we can customize using cssClass property in grid. 

Please refer the below code example. 

<style type="text/css"> 

        .cursor .e-gridcontent{ 

            cursor: pointer; 

        } 

    </style> 

$("#Grid").ejGrid({ 

                    ... 

                cssClass: "cursor", 

                 columns: [ 

                    ... 

                ] 

… 

Now when we hover the grid rows we can see the hand cursor. 

Refer the documentation link, 

Link: https://help.syncfusion.com/api/js/ejgrid#members:cssclass 

Please let us know if you need further assistance. 

Regards, 

Manisankar Durai.