kendo-uikendo-gridkendo-tooltip

Dynamically add tooltips to kendo grid rows of a column


I have a column with some notes displaying in the rows. Since the notes are huge, I have cut short the notes in the controller itself and sent that to my aspx page. What I want to achieve is, I want to display the complete notes in the form of a tool tip on mouse over of the grid row ( or if possible exactly on cell ). Is there any way to achieve this? Any help would be highly appreciated. Thanks in Advance.


Solution

  • Posting the answer as it might help anyone.

    I got that working after doing this...

    columns.Bound(p => p.partialNotes).Title("Description").HeaderHtmlAttributes(new { style = "text-align:center" }).HtmlAttributes(new { style = "text-align:left" }).Width("8%").HtmlAttributes(new { title =  "#= completeNotes #" });
    

    I have just added HtmlAttributes(new { title = "#= completeNotes #" })

    So now when I place the mouse over the Description column data , I get the complete Notes as a tool tip.