Gridview Column Add tooltip to column

Question

I'm working on an ASP.NET project and I'm trying to add a ToolTip on GridView columns header that are added from a DataSet. Any help please? This is the code that I'm using to bind the columns.

for (int i = 0; i < answers; i++)
{
    ds.Tables[0].Columns.Add(dans.Tables[0].Rows[i]["level"].ToString(), Type.GetType("System.Boolean"));
}

Ronak · Accepted Answer · 2012-11-03 09:50:48Z

3

You can use this code for the give a tooltip to a particular column

 protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            Utility.RowColorChange(e);
            for (int colIndex = 0; colIndex < e.Row.Cells.Count; colIndex++)
            {
                string ToolTipString = "Edit Records";
                e.Row.Cells[5].Attributes.Add("title", ToolTipString);
            }
        }
    }

answered Nov 3, 2012 at 9:50

Ronak

613 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Elyor · Accepted Answer · 2012-09-06 12:39:28Z

0

OK!,i your issue fixed for 2-option fixing:

1)By Design -> Set Gridview->Add Columns->Edit Column Property -> enter image description here

2)By source click here this link ,from MSDN.

answered Sep 6, 2012 at 12:39

Elyor

8651 gold badge12 silver badges26 bronze badges

2 Comments

user1292656 Over a year ago

column header are added from the dataset as well.

Elyor Over a year ago

Set Gridview data source , use jQuery i fixed it: ` <script type="text/javascript"> $(function () { $("#<%=GridView1.ClientID %>").find("tbody tr th a").each(function (index) { $(this).attr("title", $(this).html()); }); }); </script>` , and added your project jQuery Tooltip plugin, this code paste : $("#<%=GridView1.ClientID %>").find("tbody tr th a").tooltip();

shary.sharath · Accepted Answer · 2015-05-14 05:21:07Z

This can be done using JavaScript also, add a CSS class to the column where you want to put the tooltip. Then in JavaScript add the title attribute.
Following is the example:

<asp:GridView ID="GridView1" runat="server">
  <Columns>
    <asp:BoundField DataField="DIAGNOSIS_CODE" HeaderText="Diagnosis Code"/>
    <asp:ButtonField DataTextField="DIAGNOSIS_NAME" HeaderText="Diagnosis Name"
         ControlStyle-CssClass="DiagButton" />
    <asp:BoundField DataField="ICD_CODE" HeaderText="ICD Code"/>
    <asp:BoundField DataField="ICD_NAME" HeaderText="ICD Name" />
  </Columns>
</asp:GridView>

JavaScript

$(document).ready(function () {
        $(".DiagButton").attr("title", "Click to Edit Diagnosis Name");
    });

This will add the title Attribute to the column which has the class .DiagButton

Collectives™ on Stack Overflow

Gridview Column Add tooltip to column

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related