How to disable/remove the row header validation & tooltip message?

Posted by: khandakartareq.alam on 22 November 2021, 6:31 pm EST

  • Posted 22 November 2021, 6:31 pm EST

    Hello Support,
    There is a requirement to not display the validation error (red mark ) and the validation message on the Row header. The requirement is to show the error mark and validation message only to the cells.

    We are being able to not display the error mark with removing the "wj-state-invalid" class inside the formatItem event.

    However, we are not being able to disable/remove/delete the tooltip on the row header.

    Could anyone help on how to remove the tooltip from the row header?

    Please check the following link and the attachment.

    Thank you.

  • Replied 23 November 2021, 8:25 pm EST


    You may add mouseover event listener to the FlexGrid hostElement to remove the toolTip element from the DOM when hovered over the rowHeader cells. Please refer to the code snippet and sample link below demonstrating the same:

    //remove tooltip from DOM when hovered over rowHeader cells
    theGrid.hostElement.addEventListener('mouseover', onMouseMove(theGrid), true);
    function onMouseMove(grid) {
    var listener = (e) => {
    var hti = grid.hitTest(e);
    if (hti.panel === grid.rowHeaders) {
    setTimeout(() => {
    }, 5);
    return listener;

    Sample link:

  • Replied 5 December 2021, 6:38 pm EST

    Hello Sonu,
    Apology for my late response and thank you for the demonstration.
    I was successfully able to achieve [remove the row header validation & tooltip message].
    By the way, in my case it was necessary to use the following line of code:

    Thank you.
  • Marked as Answer

    Replied 6 December 2021, 3:09 pm EST


    We are glad that you were able to resolve the issue. Thank you for sharing the code snippet.

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels