I am using below code by refering link:
Display GridView Row details on Cell MouseOver using jQuery ToolTip Plugin in ASP.Net
<body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/jquery.simpletip/1.3.1/jquery.simpletip-1.3.1.min.js.txt"></script>
<script type="text/javascript">
$(function () {
$('[id*=GoalGrid] tr').each(function () {
var toolTip = $(this).attr("title");
$(this).find("td").each(function () {
$(this).simpletip({
content: toolTip
});
});
$(this).removeAttr("title");
});
});
</script>
<asp:GridView ID="GoalGrid" runat="server" AutoGenerateColumns="False" Width="100%" DataKeyNames="id" PageSize="5" AllowPaging="True"
OnPageIndexChanging="GoalGrid_PageIndexChanging" OnRowDataBound="GoalGrid_RowDataBound">
<Columns>
<asp:BoundField HeaderText="Id" DataField="Id"/>
<asp:BoundField HeaderText="Name" DataField="Name"/>
<asp:BoundField HeaderText="Value" DataField="Value"/>
</Columns>
</asp:GridView>
</body>
protected void BindGrid()
{
string query = "SELECT * FROM Table where Status='Enable' and DeletionDate is null ORDER BY Priority DESC";
GoalGrid.DataSource = DataManager.DatabaseManager.GetOrCreateConnection(DataManager.DatabaseManager.ConnectionType.MySQL).GetData(query);
GoalGrid.DataBind();
}
protected void GoalGrid_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
GoalGrid.PageIndex = e.NewPageIndex;
BindGrid();
}
protected void GoalGrid_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
e.Row.ToolTip = (e.Row.DataItem as DataRowView)["Description"].ToString();
}
}
But it is throwing JavaScript error:
Error: Object doesn't support property or method 'simpletip'
Please reply some solution.