Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
255
Disable mouseover styling
posted

How do I disable mouseover styling?

Parents
No Data
Reply
  • 1320
    Offline posted

    Hello Kenneth,

    After investigating this further, I determined that your requirement could be achieved by binding a method to the onmouseover event of the grid. In this method it is checked whether the target is a cell, if yes, the background color of all cells from that row is set to transparent.

    $("#grid").on("mouseover", function (evt, ui) {

                if (evt.target.tagName == "TD") {

                    for (let i = 0; i < evt.target.parentNode.children.length; i++) {

                        evt.target.parentNode.children[i].style.backgroundColor = "transparent";

                    }

                }

            }); 

    Below I am attaching a sample, demonstrating the described behavior. Please test it on your side and let me know if you need any further information regarding this matter.

    Regards,
    Monika Kirkova,
    Infragistics

    igGridHoverStyle.zip

Children