Table Editor options
This topic lists the controls in the dialog that opens when you click the Table button on the Insert tab of the ribbon toolbar, set the numbers of rows and columns in the initial dialog, and click OK.
Ribbon toolbar options
The ribbon toolbar displays the following options:
| Command | Description |
|---|---|
| Insert row above | Inserts a row above the currently selected row. |
| Insert row below | Inserts a row below the currently selected row. |
| Insert Column to the left | Inserts a column to the left of the currently selected column. |
| Insert Column to the right | Inserts a column to the right of the currently selected column. |
| Remove Row | Removes the currently select row. |
| Remove Column | Removes the currently selected columns. |
| Split Cell in Columns | Splits the currently selected cell into two cells next to each other. |
| Split Cell in Rows | Splits the currently selected cell into two cells on top of each other. |
| Merge Cells | Merges the selected cells into one cell. |
Table tab
The Table tab has the following controls:
| Command | Description |
|---|---|
| Title | The name of this table (this text does not normally display in the Format Area) |
| Caption | The text to accompany this table. This text normally appears above the table, centered. |
| Summary | A piece of text that briefly describes what the table shows (this text that does not normally display in the Format Area) |
| Width | The width of this table. You can select one of the set percentages from the dropdown, or select other and fill in your own value in percent (e.g. "26%") or in pixels (e.g. "116px"). |
| Height | The height of this table. You can select one of the set percentages from the dropdown, or select other and fill in your own value in percent (e.g. "26%") or in pixels (e.g. "116px"). |
| Cell spacing | The space around the table cells. |
| Cell padding | The padding between cell contents and cell borders. |
| Horizontal Alignment | How the contents of the table are aligned horizontally: Left, Center or Right. |
| Border size | The size of the borders in the table. To remove all borders, set this to "0". |
| Border style |
|
| Border color | The border color of the table. Select one of the predefined colors (including Transparent) from the list, or select Custom Color to open a Color dialog. In this dialog, you can quickly select the basic values Transparent, Black, White or None; select a basic color from the vertical bar, and then select a shade of that color in the area to its right; or enter an HTML hexadecimal value (for example, "#BBBBBB") under Value. The rectangle at center bottom always shows the currently selected color. |
| Background Color | The background color of the table. This control works in the same way as Border color. |
| Style | A named style for the table. Select this named style from the dropdown if a CSS stylesheet is associated with the current Format Area. |
Row tab
The Row tab has the following controls:
| Command | Description |
|---|---|
| Body/Header/Footer | In the top row of the table, this control lets you select if this is a Body row or a Header row; in the bottom row of the table, this control lets you select if this is a Body row or a Footer row. |
| Horizontal Alignment | How the contents of the row are aligned horizontally: Left, Center or Right. |
| Vertical Alignment | How the contents of the row are aligned vertically: Top, Middle or Bottom. |
| Height | The height of this row. You can select one of the set percentages from the dropdown, or select other and fill in your own value in percent (e.g. "26%") or in pixels (e.g. "116px"). |
| Background Color | The background color of the row. Select one of the predefined colors (including Transparent) from the list, or select Custom Color to open a Color dialog. In this dialog, you can quickly select the basic values Transparent, Black, White or None; select a basic color from the vertical bar, and then select a shade of that color in the area to its right; or enter an HTML hexadecimal value (for example, "#BBBBBB") under Value. The rectangle at center bottom always shows the currently selected color. |
| Style | A named style for the row. Select this named style from the dropdown if a CSS stylesheet is associated with the current Format Area. |
Column tab
The Column tab has the following controls:
| Command | Description |
|---|---|
| Horizontal Alignment | How the contents of the column are aligned horizontally: Left, Center or Right. |
| Vertical Alignment | How the contents of the column are aligned vertically: Top, Middle or Bottom. |
| Width | The width of this column. You can select one of the set percentages from the dropdown, or select other and fill in your own value in percent (e.g. "26%") or in pixels (e.g. "116px"). |
| Background Color | The background color of the column. Select one of the predefined colors (including Transparent) from the list, or select Custom Color to open a Color dialog. In this dialog, you can quickly select the basic values Transparent, Black, White or None; select a basic color from the vertical bar, and then select a shade of that color in the area to its right; or enter an HTML hexadecimal value (for example, "#BBBBBB") under Value. The rectangle at center bottom always shows the currently selected color. |
| Style | A named style for the column. Select this named style from the dropdown if a CSS stylesheet is associated with the current Format Area. |
Cell tab
The Column tab has the following controls:
| Command | Description |
|---|---|
| Type of information | Select Header if the cell is a header, describing the other cells in the same row or column, or Data if it contains actual table data. If you select Header, some additional properties, none of which normally display in the Format Area, can be filled in:
|
| Text (only if Type of Information is set to Data) | Here, you can modify the text in the table cell. (You can also modify the text directly on the editable webpage, of course.) |
| Horizontal Alignment | How the contents of the cell are aligned horizontally: Left, Center or Right. |
| Vertical Alignment | How the contents of the cell are aligned vertically: Top, Middle or Bottom. |
| Width | The width of this cell. You can select one of the set percentages from the dropdown, or select other and fill in your own value in percent (e.g. "26%") or in pixels (e.g. "116px"). |
| Height | The height of this cell. You can select one of the set percentages from the dropdown, or select other and fill in your own value in percent (e.g. "26%") or in pixels (e.g. "116px"). |
| Background Color | The background color of the cell. Select one of the predefined colors (including Transparent) from the list, or select Custom Color to open a Color dialog. In this dialog, you can quickly select the basic values Transparent, Black, White or None; select a basic color from the vertical bar, and then select a shade of that color in the area to its right; or enter an HTML hexadecimal value (for example, "#BBBBBB") under Value. The rectangle at center bottom always shows the currently selected color. |
| Style | A named style for the cell. Select this named style from the dropdown if a CSS stylesheet is associated with the current Format Area. |