Tooltip for Grid Columns

7 posts, 0 answers
  1. Ravi
    Ravi avatar
    9 posts
    Member since:
    Jun 2012

    Posted 06 Jul 2012 Link to this post

    How can i set the tooltip for grid columns. I need to display the column data in Tooltip as well as i am having fixed width columns. I can do this in radgridview using tooltip service. Is there any equivalent of that in kendo grid. If not is there any way of achieving it.
  2. Jerry T.
    Jerry T. avatar
    118 posts
    Member since:
    Jul 2012

    Posted 06 Jul 2012 Link to this post


    If you're using templates for your grid rows, you can do something like this in the template:

    <td title="#= Cost #" align="right">
        #= kendo.toString(Cost, "c2") #
  3. Hari
    Hari avatar
    7 posts
    Member since:
    Oct 2012

    Posted 21 Sep 2012 Link to this post

    Please pardon my tardy response.

    I guess this is one of the ways to achieve tooltip functionality...

    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.

    Hope this helps.
  4. Craig
    Craig avatar
    1 posts
    Member since:
    Mar 2013

    Posted 24 Apr 2013 Link to this post

    and would one do this using the MVC wrapper? I cannot access the field in the manner your example shows.

    I have a column defined as follows: 
    columns.Bound(c => c.RegionCode);

    I was hoping to code it this way: 
    columns.Bound(c => c.RegionCode).HtmlAttributes(new { title = c => c.RegionName });

  5. jerome
    jerome avatar
    2 posts
    Member since:
    May 2013

    Posted 20 May 2013 Link to this post


    Using the MVC Wrapper you can do it this way :

    columns.Bound(c => c.RegionCode)
                     .HtmlAttributes( new { title = " #= RegionName # "});

  6. mark
    mark avatar
    50 posts
    Member since:
    Mar 2009

    Posted 21 Aug 2015 Link to this post

    But what if I want to use the Kendo Tooltip for different Columns in a grid?  I have three button/command columns with icon buttons.  I would like to use the Kendo Tooltip on the Button Icons instead of the normal Title attribute...Thanks...
  7. Dimo
    Dimo avatar
    8322 posts

    Posted 26 Aug 2015 Link to this post

    Hi Mark,

    Please configure the Tootip with appropriate filter setting to target the button icons only.

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top