Not working the ejTooltip in ejGrid

[Arturo]

I working with a ejgrid, I want show me a tooltip with image.

This example not working, not display nothing.

 { field: "O.SalesOrderId", headerText: 'Order Id', width: 80, cssClass: "coltip"},

$(".coltip").ejTooltip({
width: "350px",
beforeOpen: function (args) {

                    if ($(args.event.target).hasClass("e-headercell", "e-headercelldiv")) {

                        //check if headercell is hovered

                        args.cancel = true;

                        return;

                    }

                   // alert("ttttt");

                    $(".coltip").ejTooltip({ content: 'oooooooooooooooo' });//render the template with row data and display it as content for tooltip

                }

also I use this example

if (args.column.field === 'img') {

                            $(args.cell).attr({

                                "data-toggle": "tooltip",

                                "data-container": "body",

                                "title": temp.render(args.data)

                            });

                        }

Is working, the first page, but the second page is not working.

[LeoLavanya Dhanaraj]

Hi Arturo,

Greetings from Syncfusion support.

Based on your shared code details, we understand that you are facing an issue with the Tooltip control while integrating into the Grid control. To overcome the issue, we suggest to use the inbuilt Tooltip support in the Grid control which is used to provide an information about the corresponding cell value when you move the cursor over the particular cell. Check out the below documentation link for further assistance.

https://help.syncfusion.com/js/grid/cell#tooltip

Also, we would like to let you know that our EJ1 products have been declared as retired products since our Volume 4 SP release, and we will not make any improvements to the EJ1 components. Refer to the below release notes for further reference.

Release Notes : https://help.syncfusion.com/js/release-notes/v20.4.0.44?type=all 

However, we also recommend considering the use of the EJ2 component to see if it achieves the exact requirement from your side. We have included a link to the EJ2 component’s demo and documentation for your reference.

The EJ2 controls has many features and capabilities, and it is compatible with the EJ1 components. We have also included a link to our compatibility documentation for your reference.

Compatibility documentation : https://help.syncfusion.com/js/compatibility-ej1-ej2   

EJ2 demo : https://ej2.syncfusion.com/javascript/demos/#/bootstrap5/tooltip/default.html

EJ2 documentation : https://ej2.syncfusion.com/javascript/documentation/tooltip/es5-getting-started/