Display Line breaks in GridView

In this blog you will learn how to modify raw data in GridView.

This Blog explains the following,

• How to modify the gridview cell data using RowDataBound
• How to display line breaks in gridview
  

I wrote this article specially for ASP.NET beginners. As all we knew that Web browser rendered a  normal line breaks as spaces. So lets discuss how to replace or add line breaks in GridView text.

 

By using CodeBehind 
Simply add a RowDataBound event handler to GridView and create the command this way:

protected void gvMessageList_RowDataBound(object sender, GridViewRowEventArgs e)
{
    GridViewRow row = e.Row;
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        row.Cells[4].Text = row.Cells[4].Text.Replace("\n", "<br />");
    }
}

Drawbacks of using the above code:
If the structure of the GridView were to change, this function may break and you must be aware of the final layout of the GridView. This is because it modifies the text in 4th column in the GridView row.

 

By using .aspx
In my opinion, better solution is to simply declare the formatting changes in the same place as the GridView. Here we are using a Template field. 

<asp:TemplateField HeaderText="Team" >
   <ItemTemplate>
      <asp:Label ID="lblTeam" runat="server" Text = '<%# Eval(“Team”).ToString().Replace(“\n”, “<br />”) %>' />
   </ItemTemplate>
</asp:TemplateField>

I hope you enjoyed it.