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

Mouse Control

How to change mouse cursor?
When pointed on selected row I would like it to be hand

1 Reply

VA Venkatesh Ayothi Raman Syncfusion Team June 30, 2016 05:51 AM UTC

Hi Hrvoje, 

Thank you for contacting Syncfusion support. 

We have achieved your requirement using recordClick event in the Grid. This event triggered while we click the record. And we have created a sample for your requirement. Refer to the code example, sample and Help document, 

Code example: 
        .cursor { 
<script type="text/javascript"> 
  $(function () { 
              . . . 
                columns: [ 
                        { field: "OrderID", isPrimaryKey: true, headerText: "Order ID", textAlign: ej.TextAlign.Right, validationRules: { required: true, number: true }, width: 90 }, 
                        { field: "CustomerID", headerText: 'Customer ID', validationRules: { required: true, minlength: 3 }, width: 90 }, 
                        { field: "EmployeeID", headerText: 'Employee ID', editType: ej.Grid.EditingType.Dropdown, textAlign: ej.TextAlign.Right, width: 80 }, 
                        . . . 
<Record Click Event> 
         function recordClick(e) { 
            var previousCursor = this.element.find(".e-gridcontent").find("tr.cursor"); // find the row which has cursor class 
            if ($(previousCursor).hasClass("cursor")) 
                $(previousCursor).removeClass("cursor"); //Remove the cursor class 
            $(e.row).addClass("cursor"); // Add the cursor class for selected row  
        }    </script> 

Venkatesh Ayothiraman. 

Live Chat Icon For mobile
Up arrow icon