title: Grid view Truncate Multiple Spaces (Works fine in Textbox)
body: <p>I have a gridview BoundField that need to display values present in a string as such- without applying HTML formaatting and preserving multiple white spaces in between (just like how the textboxes behave)</p>
  
  <p>I tried the following approaches but didn't work. How can we make it work like the way textboxes do?</p>
  
  <p><img src="https://i.stack.imgur.com/vBrVB.jpg" alt="enter image description here"></p>
  
  <p><strong>MARKUP</strong></p>
  
  <pre><code>&lt;form id="form1" runat="server"&gt;
  &lt;asp:TextBox ID="Textbox1" runat="server" EnableViewState="false"&gt;&lt;/asp:TextBox&gt;
  &lt;asp:TextBox ID="Textbox2" runat="server" EnableViewState="false"&gt;&lt;/asp:TextBox&gt;
  &lt;asp:TextBox ID="Textbox3" runat="server" EnableViewState="false"&gt;&lt;/asp:TextBox&gt;
  &lt;asp:TextBox ID="Textbox4" runat="server" EnableViewState="false"&gt;&lt;/asp:TextBox&gt;
  
  &lt;asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="false"&gt;
      &lt;Columns&gt;
          &lt;asp:BoundField DataField="Name" HeaderText="B" DataFormatString="&lt;pre&gt;{0}&lt;/pre&gt;"
              HtmlEncode="true" ItemStyle-BackColor="Gray" /&gt;
          &lt;asp:BoundField DataField="Name" HeaderText="D" HtmlEncode="true" ItemStyle-BackColor="Cyan" /&gt;
          &lt;asp:BoundField DataField="Name" HeaderText="E" ItemStyle-BackColor="Orange" /&gt;
          &lt;asp:BoundField DataField="Name" HeaderText="C" HtmlEncode="false" ItemStyle-BackColor="Teal" /&gt;
           &lt;asp:BoundField DataField="Name" HeaderText="A" DataFormatString="&lt;pre&gt;{0}&lt;/pre&gt;"
              HtmlEncode="false" ItemStyle-BackColor="Yellow" /&gt;
  
      &lt;/Columns&gt;
  &lt;/asp:GridView&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>C# CODE</strong></p>
  
  <pre><code>protected void Page_Load(object sender, EventArgs e)
  {
  
      string selectedVal1 = "a    b";
      string selectedVal2 = "&lt;br /&gt;";
      string selectedVal3 = "&lt;script    1&gt;";
      string selectedVal4 = "&lt;script&gt;";
  
  
      this.Textbox1.Text = selectedVal1;
      this.Textbox2.Text = selectedVal2;
      this.Textbox3.Text = selectedVal3;
      this.Textbox4.Text = selectedVal4;
  
      DataTable table = new DataTable();
      table.Columns.Add("Name", typeof(string));
      table.Rows.Add(selectedVal1);
      table.Rows.Add(selectedVal2);
      table.Rows.Add(selectedVal3);
      table.Rows.Add(selectedVal4);
  
      GridView2.DataSource = table;
      GridView2.DataBind();
  
  }
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;input name="Textbox1" type="text" value="a    b" id="Textbox1" /&gt;
  &lt;input name="Textbox2" type="text" value="&amp;lt;br /&gt;" id="Textbox2" /&gt;
  &lt;input name="Textbox3" type="text" value="&amp;lt;script    1&gt;" id="Textbox3" /&gt;
  &lt;input name="Textbox4" type="text" value="&amp;lt;script&gt;" id="Textbox4" /&gt;
  
  &lt;div&gt;
  &lt;table cellspacing="0" rules="all" border="1" id="GridView2" style="border-collapse:collapse;"&gt;
      &lt;tr&gt;
          &lt;th scope="col"&gt;B&lt;/th&gt;&lt;th scope="col"&gt;D&lt;/th&gt;&lt;th scope="col"&gt;E&lt;/th&gt;&lt;th scope="col"&gt;C&lt;/th&gt;&lt;th scope="col"&gt;A&lt;/th&gt;
      &lt;/tr&gt;&lt;tr&gt;
          &lt;td style="background-color:Gray;"&gt;&amp;lt;pre&amp;gt;a    b&amp;lt;/pre&amp;gt;&lt;/td&gt;&lt;td style="background-color:Cyan;"&gt;a    b&lt;/td&gt;&lt;td style="background-color:Orange;"&gt;a    b&lt;/td&gt;&lt;td style="background-color:Teal;"&gt;a    b&lt;/td&gt;&lt;td style="background-color:Yellow;"&gt;&lt;pre&gt;a    b&lt;/pre&gt;&lt;/td&gt;
      &lt;/tr&gt;&lt;tr&gt;
          &lt;td style="background-color:Gray;"&gt;&amp;lt;pre&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/pre&amp;gt;&lt;/td&gt;&lt;td style="background-color:Cyan;"&gt;&amp;lt;br /&amp;gt;&lt;/td&gt;&lt;td style="background-color:Orange;"&gt;&amp;lt;br /&amp;gt;&lt;/td&gt;&lt;td style="background-color:Teal;"&gt;&lt;br /&gt;&lt;/td&gt;&lt;td style="background-color:Yellow;"&gt;&lt;pre&gt;&lt;br /&gt;&lt;/pre&gt;&lt;/td&gt;
      &lt;/tr&gt;&lt;tr&gt;
          &lt;td style="background-color:Gray;"&gt;&amp;lt;pre&amp;gt;&amp;lt;script    1&amp;gt;&amp;lt;/pre&amp;gt;&lt;/td&gt;&lt;td style="background-color:Cyan;"&gt;&amp;lt;script    1&amp;gt;&lt;/td&gt;&lt;td style="background-color:Orange;"&gt;&amp;lt;script    1&amp;gt;&lt;/td&gt;&lt;td style="background-color:Teal;"&gt;&lt;script    1&gt;&lt;/td&gt;&lt;td style="background-color:Yellow;"&gt;&lt;pre&gt;&lt;script    1&gt;&lt;/pre&gt;&lt;/td&gt;
      &lt;/tr&gt;&lt;tr&gt;
          &lt;td style="background-color:Gray;"&gt;&amp;lt;pre&amp;gt;&amp;lt;script&amp;gt;&amp;lt;/pre&amp;gt;&lt;/td&gt;&lt;td style="background-color:Cyan;"&gt;&amp;lt;script&amp;gt;&lt;/td&gt;&lt;td style="background-color:Orange;"&gt;&amp;lt;script&amp;gt;&lt;/td&gt;&lt;td style="background-color:Teal;"&gt;&lt;script&gt;&lt;/td&gt;&lt;td style="background-color:Yellow;"&gt;&lt;pre&gt;&lt;script&gt;&lt;/pre&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
   &lt;/div&gt;
  </code></pre>