Display Font Awesome icon in ASP.Net GridView BoundField and TemplateField column

Hi akhter,

Refer below code.

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<asp:GridView ID="GridView1" runat="server" HeaderStyle-BackColor="#3AC0F2" HeaderStyle-ForeColor="White"
    AutoGenerateColumns="false" OnSelectedIndexChanged="OnSelectedIndexChanged">
    <Columns>
        <asp:BoundField DataField="Name" HeaderText="Name" ItemStyle-Width="150" />
        <asp:TemplateField HeaderText="Country" ItemStyle-Width="150">
            <ItemTemplate>
                <asp:Label ID="lblCountry" runat="server" Text='<%# Eval("Country") %>'></asp:Label>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:ButtonField ButtonType="Link" CommandName="Select" ControlStyle-ForeColor="Red" HeaderText="Action" ItemStyle-Width="150" Text="<i class='fa fa-pencil' aria-hidden='true'></i>" />
        <asp:TemplateField HeaderText="Print">
            <ItemTemplate>
                <asp:Label ID="P_Bill_No" runat="server" Enabled="true" Width="50px"></asp:Label>
                <a href='purpv.aspx?ID=<%#Eval("Id") %>'><i class="fa fa-print" aria-hidden="true"></i></a>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>
<br />
<u>Selected Row Values: </u>
<br />
<br />
<asp:Label ID="lblValues" runat="server" Text=""></asp:Label>

Code

C#

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        DataTable dt = new DataTable();
        dt.Columns.AddRange(new DataColumn[3] { new DataColumn("Id"), new DataColumn("Name"), new DataColumn("Country") });
        dt.Rows.Add(1, "John Hammond", "United States");
        dt.Rows.Add(2, "Mudassar Khan", "India");
        dt.Rows.Add(3, "Suzanne Mathews", "France");
        dt.Rows.Add(4, "Robert Schidner", "Russia");
        GridView1.DataSource = dt;
        GridView1.DataBind();
    }
}


protected void OnSelectedIndexChanged(object sender, EventArgs e)
{
    string name = GridView1.SelectedRow.Cells[0].Text;
    string country = (GridView1.SelectedRow.FindControl("lblCountry") as Label).Text;
    lblValues.Text = "<b>Name:</b> " + name + " <b>Country:</b> " + country;
}

VB.Net

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
        If Not Me.IsPostBack Then
            Dim dt As DataTable = New DataTable()
            dt.Columns.AddRange(New DataColumn(2) {New DataColumn("Id"), New DataColumn("Name"), New DataColumn("Country")})
            dt.Rows.Add(1, "John Hammond", "United States")
            dt.Rows.Add(2, "Mudassar Khan", "India")
            dt.Rows.Add(3, "Suzanne Mathews", "France")
            dt.Rows.Add(4, "Robert Schidner", "Russia")
            GridView1.DataSource = dt
            GridView1.DataBind()
        End If
    End Sub

    Protected Sub OnSelectedIndexChanged(ByVal sender As Object, ByVal e As EventArgs)
        Dim name As String = GridView1.SelectedRow.Cells(0).Text
        Dim country As String = TryCast(GridView1.SelectedRow.FindControl("lblCountry"), Label).Text
        lblValues.Text = "<b>Name:</b> " & name & " <b>Country:</b> " & country
    End Sub

Screenshot