protected void grd_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
foreach (TableCell cell in e.Row.Cells)
{
string cellText = e.Row.Cells[5].Text;
if (cell.Text.Length > 10)
{
cell.Text = cell.Text.Substring(0, 10) + "....";
cell.ToolTip = cellText;
}
}
}
}
The function above adds tooltips to each column in the table. The following code specifically assigns a tooltip to the 6th column.
<script type="text/javascript">
$(document).ready(function() {
focus.($("#grdStudentList td:nth-child(6)"));
});
</script>
I am looking to apply CSS styles to this tooltip generated by the 'focus' script. How can I achieve this?