Table

Insert table

• Select place where insert table
• Click toolbar button icon

  Table

  . Table dialog will open:
  
• Enter table properties:
  1. "Properties" tab selected
  2. Fill properties fields
     • Caption
     • Rows - ex. 2
     • Columns - ex. 2
     • Width - ex. 100px
     • Height - ex. 100px
     • Spacing
     • Padding
     • Border (line width, line type, color)
     • Inner borders
     • Aligment
     • Margins
     • Background
  3. Click button: "OK" - insert table, "Cancel" - cancel action

You can define table more detailed in other tabs:

• Advanced:
  
  
  • ID
  • Summary
  • CSS class
  • CSS style
  • Script direction
  • Language
• Events

Inserted table result:

Place mouse cursor into any cell and edit table with controls:

1. Width and height visual edit controls
2. Delete column visual control
3. Delete row visual control

HTML (source) code:

Edit table with toolbar button icons

Place mouse cursor on table. Click toolbar button icon:

• - edit table properties
• - delete table
• - insert row before
• - insert row after
• - delete row
• - insert column before
• - insert column after
• - delete column
• - table cell properties
• - merge table cells
• - split table cell

Edit table cell properties

• Place mouse cursor into table cell
• Click toolbar button icon

  Table cell properties

  . Table cell properties dialog will open:
  
• Enter table cell properties:
  1. "Properties" tab selected
  2. Fill properties fields
     • Width
     • Height
     • Table cell type (data/header)
     • Border (line width, line type, color)
     • Aligment
     • Paddings
     • Background
     • Apply to: current cell, all cells in row, all cells in column, all cells in table
  3. Click button: "OK" - save table cell properties, "Cancel" - cancel action

You can define table cell more detailed in other tabs:

• Advanced:
  
  
  • ID
  • Summary
  • CSS class
  • CSS style
  • Script direction
  • Language
• Events