Change Theme Settings
Change Theme Settings
Themes
 
Metropolis
Moderno
iOS
Material
Material Compact
Office 365
Mulberry
Show All Themes
v
...v

Tables

  • Cut (Ctrl+X)
  • Copy (Ctrl+C)
  • Paste (Ctrl+V)
  • Paste from Word
  • Undo (Ctrl+Z)
  • Redo (Ctrl+Y)
  • Remove Format
  • Superscript
  • Subscript
  • Ordered List
  • Bullet List
  • Indent
  • Outdent
  • Insert Link (Ctrl+K)
  • Remove Link (Ctrl+Shift+K)
  • Insert Image (Ctrl+G)
  • Find and Replace (Ctrl+H)
  • Full Screen (F11)
  • v
  • v
  • v
  • Bold (Ctrl+B)
  • Italic (Ctrl+I)
  • Underline
  • Strikethrough
  • Align Left (Ctrl+L)
  • Align Center (Ctrl+E)
  • Align Right (Ctrl+R)
  • Back Color
    v
  • Fore Color
    v
  • Insert Table...
  • Table Properties
  • Row Properties
  • Column Properties
  • Cell Properties
  • Insert Row Above
  • Insert Row Below
  • Insert Column to the Left
  • Insert Column to the Right
  • Split Horizontally
  • Split Vertically
  • Merge Right
  • Merge Down
  • Delete Table
  • Delete Row
  • Delete Column


This demo illustrates the MVC HTML Editor’s built-in support of HTML tables. The HTML Editor allows end-users to create, customize, and delete tables and associated elements by using a set of predefined commands. The commands associated with table editing are available as a separate toolbar (TableToolbar) or by using an individual toolbar button (ToolbarTableOperationsDropDownButton) with a dropdown list of individual commands. By default, the ToolbarTableOperationsDropDownButton toolbar button belongs to a standard toolbar (StandardToolbar1).

In this demo, HTML table operation commands are represented within a manually created toolbar of the TableToolbar type. The necessary toolbar buttons are created using the toolbar's CreateDefaultItems method.