Highlight Searched Text in color in DataList Items in ASP.Net

Hi Neda,

Please Run the following sippet I have created considering your requirement in FRESH page.

<div>        
        <table border="0" cellpadding="0" cellspacing="0">
            <asp:DataList ID="dlProducts" runat="server" RepeatColumns="1">
                <ItemTemplate>
                    <tr>
                        <td>
                            <span><%# Eval("Id")%></span>
                        </td>
                        <td>
                            <span><%# Eval("Name")%></span>
                        </td>
                        <td>
                            <span><%# Eval("SearchTerm")%></span>
                        </td>
                    </tr>
                </ItemTemplate>
            </asp:DataList>
        </table>
    </div>

.cs

        protected void Page_Load(object sender, EventArgs e)
        {
            this.BindGrid();
        }

        private void BindGrid()
        {
            string openingTag = "<span style='background-color:Yellow'><b>";
            string closingTag = "</b></span>";
            DataTable dt = GetData();
            foreach (DataRow dr in dt.Rows)
            {
                dr[1] = dr[1].ToString().Replace(dr[2].ToString(), openingTag + dr[2].ToString() + closingTag);
            }

            dlProducts.DataSource = dt;
            dlProducts.DataBind();
        }

        private DataTable GetData()
        {
            DataTable dt = new DataTable();
            dt.Columns.Add("Id");
            dt.Columns.Add("Name");
            dt.Columns.Add("SearchTerm");
            dt.Rows.Add("1", "This is My India", "India");
            dt.Rows.Add("2", "I Love my India", "India");
            dt.Rows.Add("3", "Love in Tokiyo", "Tokiyo");
            dt.Rows.Add("4", "An Evening in Paris", "Paris");
            dt.Rows.Add("5", "Tour to Asia", "Asia");
            return dt;
        }

Thanks and Regards,

Rk_Hirpara.,