title: Display HTML in dataGrid RowDetail wpf
body: <p>I want show Table in rowDetails of dataGrid with html code.First I used RichTextbox .But it doesn't show my style .So I deleted it and use TextBlock . My XAML code is :</p>
  
  <pre><code>&lt;Controls:MetroWindow.Resources&gt;
  &lt;DataTemplate x:Key="RowDetailTemplate"&gt;
          &lt;Grid x:Name="RowDetailGrid"
                Width="470"
                Height="Auto"
                Margin="5"&gt;
               &lt;Border HorizontalAlignment="Left"
                      VerticalAlignment="Top"
                      CornerRadius="5"&gt;
                  &lt;Grid&gt;
                      &lt;TextBlock 
                          Margin="10"
                          HorizontalAlignment="Left"
                          Text="{Binding KalaTozihat}"
                          TextWrapping="WrapWithOverflow" /&gt;
  
                  &lt;/Grid&gt;
              &lt;/Border&gt;
          &lt;/Grid&gt;
  &lt;/DataTemplate&gt;
  </code></pre>
  
  <p></p>
  
  <p>TextBlock binding to <strong>KalaTozihat</strong> .It fill like below :</p>
  
  <pre><code>KalaClass.KalaTozihat string s = @"&lt;html&gt;&lt;head&gt;&lt;style&gt;@font - face {font - family: myFirstFont;src: url(SegoeWP.ttf);}table {border - collapse: collapse;width: 100 %;}th, td {padding: 8px;text - align: right;border: 1px solid   #7B68EE;}.t1{width: 30 %;}th{background - color:#B0C4DE;color:#000080;font - size: 20px;font - family: myFirstFont;}tr: nth - child(even){background - color: #f2f2f2}&lt;/style &gt;&lt;/head&gt;&lt;body&gt;&lt;h2&gt; جزئیات &lt;/h2&gt;&lt;table&gt;&lt;tr&gt;&lt;th&gt; مقدار &lt;/th &gt;&lt;th&gt; خصوصیت &lt;/th&gt;&lt;/tr&gt;" +
  "&lt;tr&gt;&lt;td&gt;" + item.k_Name + "&lt;/td&gt;&lt;td class=\"t1\"&gt;&lt;strong&gt;:نام&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;" +
  "&lt;tr&gt;&lt;td &gt;" + item.k_Tedad + "&lt;/td&gt;&lt;td class=\"t1\"&gt;&lt;strong&gt;:تعداد&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;" +
  "&lt;tr&gt;&lt;td &gt;" + item.k_price.ToString() + "&lt;/td&gt;&lt;td class=\"t1\"&gt;&lt;strong&gt;:قیمت واحد&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;" +
  "&lt;tr&gt;&lt;td &gt;" + item.k_Product_code + "&lt;/td&gt;&lt;td class=\"t1\"&gt;&lt;strong&gt;:Product code&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;" +
  "&lt;tr&gt;&lt;td &gt;" + item.k_Signal_loss.ToString() + "&lt;/td&gt;&lt;td class=\"t1\"&gt;&lt;strong&gt;:Signal loss&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;" +
  "&lt;tr&gt;&lt;td &gt;" + item.k_Current.ToString() + "&lt;/td&gt;&lt;td class=\"t1\"&gt;&lt;strong&gt;:Current&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;" +
  "&lt;tr&gt;&lt;td &gt;" + item.k_Frequency + "&lt;/td&gt;&lt;td class=\"t1\"&gt;&lt;strong&gt;:Frequency&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;" +
  "&lt;tr&gt;&lt;td &gt;" + item.k_Input_Voltage + "&lt;/td&gt;&lt;td class=\"t1\"&gt;&lt;strong&gt;:Input Voltage&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;" +
  "&lt;tr&gt;&lt;td &gt;" + item.k_Output_Voltage + "&lt;/td&gt;&lt;td class=\"t1\"&gt;&lt;strong&gt;:Output Voltage&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;" +
  "&lt;tr&gt;&lt;td &gt;" + item.k_Matching + "&lt;/td&gt;&lt;td class=\"t1\"&gt;&lt;strong&gt;:Matching&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;" +
  "&lt;tr&gt;&lt;td &gt;" + item.k_info + "&lt;/td&gt;&lt;td class=\"t1\"&gt;&lt;strong&gt;:توضیحات&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/body&gt;&lt;/html&gt;";
  </code></pre>
  
  <p>Now I want know how can I show my HTML code in textblock.</p>
  
  <p><strong>Edit</strong></p>
  
  <p>I use the webBrowser instead of TextBlock. like below:</p>
  
  <pre><code>&lt;Controls:MetroWindow.Resources&gt;
  &lt;DataTemplate x:Key="RowDetailTemplate"&gt;
          &lt;Grid x:Name="RowDetailGrid"
                Width="470"
                Height="Auto"
                Margin="5"&gt;
               &lt;Border HorizontalAlignment="Left"
                      VerticalAlignment="Top"
                      CornerRadius="5"&gt;
                  &lt;Grid&gt;
                     &lt;WebBrowser local:BrowserBehavior.Html="{Binding KalaTozihat}" /&gt;
  
                  &lt;/Grid&gt;
              &lt;/Border&gt;
          &lt;/Grid&gt;
  &lt;/DataTemplate&gt;
  </code></pre>
  
  <p></p>
  
  <p>And Added this Code to mypage.cs</p>
  
  <pre><code>public class BrowserBehavior
    {
        public static readonly DependencyProperty HtmlProperty = DependencyProperty.RegisterAttached(
           "Html",
           typeof(string),
            typeof(BrowserBehavior),
           new FrameworkPropertyMetadata(OnHtmlChanged));
  
  [AttachedPropertyBrowsableForType(typeof(WebBrowser))]
  public static string GetHtml(WebBrowser d)
  {
      return (string)d.GetValue(HtmlProperty);
  }
  
  public static void SetHtml(WebBrowser d, string value)
  {
      d.SetValue(HtmlProperty, value);
  }
  
  static void OnHtmlChanged(DependencyObject dependencyObject, DependencyPropertyChangedEventArgs e)
  {
      WebBrowser webBrowser = dependencyObject as WebBrowser;
      if (webBrowser != null)
          webBrowser.NavigateToString(e.NewValue as string ?? "&amp;nbsp;");
  }
  </code></pre>
  
  <p>}</p>
  
  <p>But doesn't show successfully . It show's like this</p>
  
  <p><a href="https://i.stack.imgur.com/lXNg0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lXNg0.png" alt="like this"></a> .</p>
  
  <p>How can I fix it?</p>