Merge pull request #7202 from syncfusion-content/945108-DE-Fi

945108: Staging Failure Resolved

Author: saravanangn

blazor/rich-text-editor/tools/code-snippet/nesting-table.razor

@@ -0,0 +1,63 @@
+@using Syncfusion.Blazor.RichTextEditor 
+
+<SfRichTextEditor> 
+    <RichTextEditorToolbarSettings Items="@Tools" />
+    <table border="1" style="width:100%; border-collapse: collapse;">
+  <tr>
+    <th>Department</th>
+    <th>Details</th>
+  </tr>
+  <tr>
+    <td>Sales</td>
+    <td>
+      <table border="1" style="width:100%; border-collapse: collapse;">
+        <tr>
+          <th>Employee</th>
+          <th>Target</th>
+        </tr>
+        <tr>
+          <td>John Doe</td>
+          <td>$50,000</td>
+        </tr>
+        <tr>
+          <td>Jane Smith</td>
+          <td>$60,000</td>
+        </tr>
+      </table>
+    </td>
+  </tr>
+  <tr>
+    <td>Marketing</td>
+    <td>Campaign planning in progress</td>
+  </tr>
+</table>
+</SfRichTextEditor> 
+
+@code{ 
+    private List<ToolbarItemModel> Tools = new List<ToolbarItemModel>() 
+    { 
+        new ToolbarItemModel() { Command = ToolbarCommand.Bold }, 
+        new ToolbarItemModel() { Command = ToolbarCommand.Italic }, 
+        new ToolbarItemModel() { Command = ToolbarCommand.Underline }, 
+        new ToolbarItemModel() { Command = ToolbarCommand.StrikeThrough }, 
+        new ToolbarItemModel() { Command = ToolbarCommand.Separator }, 
+        new ToolbarItemModel() { Command = ToolbarCommand.FontColor }, 
+        new ToolbarItemModel() { Command = ToolbarCommand.BackgroundColor }, 
+        new ToolbarItemModel() { Command = ToolbarCommand.Separator }, 
+        new ToolbarItemModel() { Command = ToolbarCommand.Formats }, 
+        new ToolbarItemModel() { Command = ToolbarCommand.Alignments }, 
+        new ToolbarItemModel() { Command = ToolbarCommand.Separator }, 
+        new ToolbarItemModel() { Command = ToolbarCommand.OrderedList }, 
+        new ToolbarItemModel() { Command = ToolbarCommand.UnorderedList }, 
+        new ToolbarItemModel() { Command = ToolbarCommand.Separator }, 
+        new ToolbarItemModel() { Command = ToolbarCommand.Outdent }, 
+        new ToolbarItemModel() { Command = ToolbarCommand.Indent }, 
+        new ToolbarItemModel() { Command = ToolbarCommand.Separator },
+        new ToolbarItemModel() { Command = ToolbarCommand.CreateLink }, 
+        new ToolbarItemModel() { Command = ToolbarCommand.Image }, 
+        new ToolbarItemModel() { Command = ToolbarCommand.CreateTable }, 
+        new ToolbarItemModel() { Command = ToolbarCommand.Separator }, 
+        new ToolbarItemModel() { Command = ToolbarCommand.Undo }, 
+        new ToolbarItemModel() { Command = ToolbarCommand.Redo } 
+    }; 
+}