en	htmlArea RTE > Table Operations

en	This feature offers multiple tools for creating and editing tables in the RTE editing area.

en	When this feature is enabled, an "Insert table" button is shown in the editor toolbar. A number of buttons may also appear, usually as the last line of the toolbar. The editor may also be configured so that table operations options appear only in the context menu. All buttons that may be configured are shown below.

en	EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/insert_table.gif, EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/table-prop.gif, EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/table-restyle.gif, EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/toggle-borders.gif, EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/row-prop.gif, EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/row-insert-above.gif, EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/row-insert-under.gif, EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/row-delete.gif, EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/row-split.gif, EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/col-prop.gif, EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/col-insert-before.gif, EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/col-insert-after.gif, EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/col-delete.gif, EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/col-split.gif, EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/cell-prop.gif, EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/cell-insert-before.gif, EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/cell-insert-after.gif, EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/cell-delete.gif, EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/cell-split.gif, EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/cell-merge.gif

en	"Insert table" icon. Clicking it opens a dialogue that allows to insert a table at the current cursor position. "Table properties" icon. When the cursor is inside a table, clicking it opens a dialogue that allows to edit the properties of the table. "Re-apply table styles" icon. When the cursor is inside a table, clicking it re-calculates the odd/even and counting styles of the table. "Toggle borders" icon. Clicking it shows or hides the borders of all tables in the editing area. "Row properties" icon. When the cursor is inside a table row, clicking it opens a dialogue that allows to edit the properties of the row. "Insert row before" icon. When the cursor is inside a table row, clicking it inserts a new row above this row. "Insert row after" icon. When the cursor is inside a table row, clicking it inserts a new row below this row. "Delete row" icon. When the cursor is inside a table row, clicking it deletes the row from table. "Split row" icon. When the cursor is inside a table cell that was merged over two or more rows, clicking it splits the cell into as many rows as were merged. "Column cells properties" icon. When the cursor is inside a table column, clicking it opens a dialogue that allows to edit the properties of the cells of the column. "Insert column before" icon. When the cursor is inside a table column, clicking it inserts a new column to the left of this column. "Insert column after" icon. When the cursor is inside a table column, clicking it inserts a new column to the right of this column. "Delete column" icon. When the cursor is inside a table column, clicking it deletes the column from the table. "Split column" icon. When the cursor is inside a table cell that was merged over two or more columns, clicking it splits the cell into as many columns as were merged. "Cell properties" icon. When the cursor is inside a table cell, clicking it opens a dialogue that allows to edit the properties of the cell. "Insert cell before" icon. When the cursor is inside a table cell, clicking it inserts a new column to the left of this cell. "Insert cell after" icon. When the cursor is inside a table cell, clicking it inserts a new column to the right of this cell. "Delete cell" icon. When the cursor is inside a table cell, clicking it deletes the cell from the table. "Split cell" icon. When the cursor is inside a table cell that was merged over columns and rows, clicking it splits the cell into as many rows and columns as were merged. "Merge cells" icon. When some table cells are selected, clicking it merges the cells into one cell.

en	xEXT_rtehtmlarea_TableOperations:InsertTable, xEXT_rtehtmlarea_TableOperations:TO_table_prop, xEXT_rtehtmlarea_TableOperations:TO_table_restyle, xEXT_rtehtmlarea_TableOperations:TO_toggle_borders, xEXT_rtehtmlarea_TableOperations:TO_row_prop, xEXT_rtehtmlarea_TableOperations:TO_row_insert_above, xEXT_rtehtmlarea_TableOperations:TO_row_insert_under, xEXT_rtehtmlarea_TableOperations:TO_row_delete, xEXT_rtehtmlarea_TableOperations:TO_row_split, xEXT_rtehtmlarea_TableOperations:TO_col_prop, xEXT_rtehtmlarea_TableOperations:TO_column_insert_before, xEXT_rtehtmlarea_TableOperations:TO_column_insert_after, xEXT_rtehtmlarea_TableOperations:TO_column_delete, xEXT_rtehtmlarea_TableOperations:TO_column_split, xEXT_rtehtmlarea_TableOperations:TO_cell_prop, xEXT_rtehtmlarea_TableOperations:TO_cell_insert_before, xEXT_rtehtmlarea_TableOperations:TO_cell_insert_after, xEXT_rtehtmlarea_TableOperations:TO_cell_delete, xEXT_rtehtmlarea_TableOperations:TO_cell_split, xEXT_rtehtmlarea_TableOperations:TO_cell_merge

en	Insert table

en	EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/insert_table.gif

en	"Insert table" icon.

en	Create a new table and insert it into the editing area.

en	Clicking the "Table properties" button opens a dialogue window that allows to create a new table and insert it into the editing area at the current cursor position.

en	xEXT_rtehtmlarea_TableOperations:caption,xEXT_rtehtmlarea_TableOperations:summary, xEXT_rtehtmlarea_TableOperations:numberOfRows,xEXT_rtehtmlarea_TableOperations:numberOfColumns,xEXT_rtehtmlarea_TableOperations:tableHeaders, xEXT_rtehtmlarea_TableOperations:tableStyle,xEXT_rtehtmlarea_TableOperations:Table_class_selector,xEXT_rtehtmlarea_TableOperations:Table_header_class_selector,xEXT_rtehtmlarea_TableOperations:Table_body_class_selector, xEXT_rtehtmlarea_TableOperations:cellSpacing,xEXT_rtehtmlarea_TableOperations:cellPadding, xEXT_rtehtmlarea_Language:languageCombo,xEXT_rtehtmlarea_Language:directionCombo, xEXT_rtehtmlarea_TableOperations:Table_width,xEXT_rtehtmlarea_TableOperations:Width_unit,xEXT_rtehtmlarea_TableOperations:Table_height,xEXT_rtehtmlarea_TableOperations:Height_unit,xEXT_rtehtmlarea_TableOperations:tableFloat, xEXT_rtehtmlarea_TableOperations:textAlignment,xEXT_rtehtmlarea_TableOperations:verticalAlignment, xEXT_rtehtmlarea_TableOperations:borderStyle,xEXT_rtehtmlarea_TableOperations:borderWidth,xEXT_rtehtmlarea_TableOperations:borderColor, xEXT_rtehtmlarea_TableOperations:collapsedBorders,xEXT_rtehtmlarea_TableOperations:frames,xEXT_rtehtmlarea_TableOperations:rules, xEXT_rtehtmlarea_TableOperations:textColor,xEXT_rtehtmlarea_TableOperations:backgroundColor,xEXT_rtehtmlarea_TableOperations:backgroundImage

en	Table properties

en	EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/table-prop.gif

en	"Table properties" icon.

en	Edit the properties of the table in which the cursor is currently positioned.

en	Clicking the "Table properties" button opens a dialogue that allows to edit the properties of the table in which the cursor is currently positioned.

en	xEXT_rtehtmlarea_TableOperations:caption,xEXT_rtehtmlarea_TableOperations:summary, xEXT_rtehtmlarea_TableOperations:tableHeaders, xEXT_rtehtmlarea_TableOperations:tableStyle,xEXT_rtehtmlarea_TableOperations:Table_class_selector,xEXT_rtehtmlarea_TableOperations:Table_header_class_selector,xEXT_rtehtmlarea_TableOperations:Table_body_class_selector,xEXT_rtehtmlarea_TableOperations:Table_footer_class_selector, xEXT_rtehtmlarea_TableOperations:cellSpacing,xEXT_rtehtmlarea_TableOperations:cellPadding, xEXT_rtehtmlarea_Language:languageCombo,xEXT_rtehtmlarea_Language:directionCombo, xEXT_rtehtmlarea_TableOperations:Table_width,xEXT_rtehtmlarea_TableOperations:Width_unit,xEXT_rtehtmlarea_TableOperations:Table_height,xEXT_rtehtmlarea_TableOperations:Height_unit,xEXT_rtehtmlarea_TableOperations:tableFloat, xEXT_rtehtmlarea_TableOperations:textAlignment,xEXT_rtehtmlarea_TableOperations:verticalAlignment, xEXT_rtehtmlarea_TableOperations:borderStyle,xEXT_rtehtmlarea_TableOperations:borderWidth,xEXT_rtehtmlarea_TableOperations:borderColor, xEXT_rtehtmlarea_TableOperations:collapsedBorders,xEXT_rtehtmlarea_TableOperations:frames,xEXT_rtehtmlarea_TableOperations:rules, xEXT_rtehtmlarea_TableOperations:textColor,xEXT_rtehtmlarea_TableOperations:backgroundColor,xEXT_rtehtmlarea_TableOperations:backgroundImage

en	Table caption

en	Enter the description of the nature of the table.

en	The description entered in this field becomes the content of the table caption. By default, the table caption is center-aligned above a table.

en	Table summary

en	Enter a summary of the table purpose and structure.

en	The text entered in this field becomes the summary attribute of the table. Note that this attribute is not supported in HTML5.

en	Number of rows

en	Enter the number of rows of the table to be created.

en	Enter in this field the number of rows that the table should have when it is created.

en	Number of columns

en	Enter the number of columns of the table to be created.

en	Enter in this field the number of columns that the table should have when it is created.

en	Header cells

en	Select the location of table header cells.

en	By selecting an option from the list, specify whether the table should have header cells and where they should be located. The options are: 1. No header cells: the table will not have any header cells 2. Header cells on top: only the cells of the topmost row will be header cells and this row will belong to the header part of the table 3. Header cells on left: only the cells of the leftmost column will be header cells 4. Header cells on top and left: the second and third option will both apply.

en	Table styles

en	Apply stlyles to the table and to its parts.

en	The "Style" fieldset allows to apply styles to the table and to each of the table parts, i.e. header, body and footer. A selector is displayed for each part that exists in the current table.

en	Table style selector

en	Apply a style to the table or remove the style that was last applied.

en	Table body style selector

en	Apply a style to the body part of the table or remove the style that was last applied.

en	Table header style selector

en	Apply a style to the header part of the table or remove the style that was last applied.

en	Table footer style selector

en	Apply a style to the footer part of the table or remove the style that was last applied.

en	Style selector

en	Apply a style to the current element or remove the style that was last applied.

en	Cell spacing

en	Enter the numer of pixels of space between adjacent cells.

en	Cell padding

en	Enter the numer of pixels of space between content and border in cells.

en	Table width

en	Enter the table width using the selected width unit.

en	Table height

en	Enter the table height using the selected height unit.

en	Width unit

en	Select the width unit.

en	Height unit

en	Select the height unit.

en	Table float

en	Select whether and how the table should float.

en	Text alignment

en	Select the vertical alignment of text within a cell.

en	Vertical alignment

en	Select the vertical alignment of content within a cell.

en	Border style

en	Select the border style.

en	Border width

en	Enter the border width in pixels.

en	Border color

en	Select the border color.

en	Collapsed borders

en	Select whether table borders should be collapsed, detached or default.

en	Frames

en	Select which sides should have a border.

en	Rules

en	Select where rules should be displayed.

en	Text color

en	Select the color of the text.

en	Background color

en	Select the color of the background.

en	URL of background image

en	Enter the URL of the background image.

en	Re-apply table styles

en	EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/table-restyle.gif

en	"Re-apply table styles" icon.

en	Re-apply odd/even and/or counting styles to the table in which the cursor is currently positioned.

en	If odd/even and/or counting styles have been applied to the table in which the cursor is currently positioned, some table operations may have broken the layout of the table. Clicking the "Re-apply table styles" button will re-calculate the odd/even and the counting styles, and re-apply the styles to the rows and/or columns of the table.

en	Toggle borders

en	EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/toggle-borders.gif

en	"Toggle borders" icon.

en	Show/hide the borders of all tables in the editing area.

en	Clicking the "Toggle borders" button makes the boundaries of all tables in the editing area visible or, if they are currently visible, the button being highlighted as active, hides these boundaries. This applies only when editing content and has no effect when the element is rendered in the frontend. This button may be configured so that it is activated when the element is opened for editing.

en	Row properties

en	EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/row-prop.gif

en	"Row properties" icon.

en	Edit the properties of the table row in which the cursor is currently positioned.

en	Clicking the "Row properties" button opens a dialogue window that allows to edit the properties of the table row in which the cursor is currently positioned.

en	xEXT_rtehtmlarea_TableOperations:rowGroup,xEXT_rtehtmlarea_TableOperations:Class_selector, xEXT_rtehtmlarea_Language:languageCombo,xEXT_rtehtmlarea_Language:directionCombo, xEXT_rtehtmlarea_TableOperations:Row_width,xEXT_rtehtmlarea_TableOperations:Width_unit,xEXT_rtehtmlarea_TableOperations:Row_height,xEXT_rtehtmlarea_TableOperations:Height_unit, xEXT_rtehtmlarea_TableOperations:textAlignment,xEXT_rtehtmlarea_TableOperations:verticalAlignment, xEXT_rtehtmlarea_TableOperations:borderStyle,xEXT_rtehtmlarea_TableOperations:borderWidth,xEXT_rtehtmlarea_TableOperations:borderColor, xEXT_rtehtmlarea_TableOperations:textColor,xEXT_rtehtmlarea_TableOperations:backgroundColor,xEXT_rtehtmlarea_TableOperations:backgroundImage

en	Row group

en	Select to which table part this row should belong.

en	The row may belong either to the header, body or footer of the table.

en	Row width

en	Enter the row width using the selected width unit.

en	Row height

en	Enter the row height using the selected height unit.

en	Insert row before

en	EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/row-insert-above.gif

en	"Insert row before" icon.

en	Insert a new row above the current table row.

en	Clicking the "Insert row before" button inserts a new row above the table row in which the cursor is currently positioned. The new row is of the same type, i.e. header or data, as the row in which the cursor is currently positioned, belongs to the same part of the table, i.e. header, body or footer, and has the same properties. The cells of the new row also have the same properties as the corresponding cells of the row in which the cursor is currently positioned.

en	Insert row after

en	EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/row-insert-under.gif

en	"Insert row after" icon.

en	Insert a new row after, or below, the current table row.

en	Clicking the "Insert row after" button inserts a new row after, or below, the table row in which the cursor is currently positioned. The new row is of the same type, i.e. header or data, as the row in which the cursor is currently positioned, belongs to the same part of the table, i.e. header, body or footer, and has the same properties. The cells of the new row also have the same properties as the corresponding cells of the row in which the cursor is currently positioned.

en	Delete row

en	EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/row-delete.gif

en	"Delete row" icon.

en	Delete the current table row.

en	Clicking the "Delete row" button deletes the table row in which the cursor is currently positioned. If the deleted row was the last row of a part of the table, i.e. header, body or footer, then this part of the table is also deleted. If the deleted row was the last row of the table, then the table is deleted.

en	Split row

en	EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/row-split.gif

en	"Split row" icon.

en	Split a table cell that was merged over two or more rows.

en	When the cursor is inside a table cell that was merged over two or more rows, clicking the "Split row" button splits the cell into as many rows as were merged.

en	xEXT_rtehtmlarea_TableOperations:TO_cell_merge,xEXT_rtehtmlarea_TableOperations:TO_column_split,xEXT_rtehtmlarea_TableOperations:TO_cell_split

en	Column cells properties

en	EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/col-prop.gif

en	"Column cells properties" icon.

en	Edit the properties of the cells of the table column in which the cursor is currently positioned.

en	Clicking the "Column cells properties" button opens a dialogue window that allows to edit the properties of the cells of the table column in which the cursor is currently positioned. The values of the properties will be applied to all the cells of the column.

en	xEXT_rtehtmlarea_TableOperations:columnCellsType, xEXT_rtehtmlarea_Language:languageCombo,xEXT_rtehtmlarea_Language:directionCombo, xEXT_rtehtmlarea_TableOperations:Cell_width,xEXT_rtehtmlarea_TableOperations:Width_unit,xEXT_rtehtmlarea_TableOperations:Cell_height,xEXT_rtehtmlarea_TableOperations:Height_unit, xEXT_rtehtmlarea_TableOperations:textAlignment,xEXT_rtehtmlarea_TableOperations:verticalAlignment, xEXT_rtehtmlarea_TableOperations:borderStyle,xEXT_rtehtmlarea_TableOperations:borderWidth,xEXT_rtehtmlarea_TableOperations:borderColor, xEXT_rtehtmlarea_TableOperations:textColor,xEXT_rtehtmlarea_TableOperations:backgroundColor,xEXT_rtehtmlarea_TableOperations:backgroundImage

en	Type of cells

en	Select the type of the cells of this column.

en	Insert column before

en	EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/col-insert-before.gif

en	"Insert column before" icon.

en	Insert a new column to the left the current table column.

en	Clicking the "Insert column before" button inserts a new column to the left of the table column in which the cursor is currently positioned. The cells of the new column are of the same type, i.e. header for row/row group or data, belong to the same part of the table, i.e. header, body or footer, and have the same properties as the corresponding cells of the column in which the cursor is currently positioned.

en	Insert column after

en	EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/col-insert-after.gif

en	"Insert column after" icon.

en	Insert a new column to the right of the current table column.

en	Clicking the "Insert column after" button inserts a new column to the right of the table column in which the cursor is currently positioned. The cells of the new column are of the same type, i.e. header for row/row group or data, belong to the same part of the table, i.e. header, body or footer, and have the same properties as the corresponding cells of the column in which the cursor is currently positioned.

en	Delete column

en	EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/col-delete.gif

en	"Delete column" icon.

en	Delete the current table column.

en	Clicking the "Delete column" button deletes the table column in which the cursor is currently positioned. If the deleted column was the last column of the table, then the table is deleted.

en	Split column

en	EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/col-split.gif

en	"Split column" icon.

en	Split a table cell that was merged over two or more columns.

en	When the cursor is inside a table cell that was merged over two or more columns, clicking the "Split column" button splits the cell into as many columns as were merged.

en	xEXT_rtehtmlarea_TableOperations:TO_cell_merge,xEXT_rtehtmlarea_TableOperations:TO_row_split,xEXT_rtehtmlarea_TableOperations:TO_cell_split

en	Cell properties

en	EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/cell-prop.gif

en	"Cell properties" icon.

en	Edit the properties of the table cell in which the cursor is currently positioned.

en	Clicking the "Cell properties" button opens a dialogue window that allows to edit the properties of the table cell in which the cursor is currently positioned.

en	xEXT_rtehtmlarea_TableOperations:cellType,xEXT_rtehtmlarea_TableOperations:cellAbbreviation, xEXT_rtehtmlarea_Language:languageCombo,xEXT_rtehtmlarea_Language:directionCombo, xEXT_rtehtmlarea_TableOperations:Cell_width,xEXT_rtehtmlarea_TableOperations:Width_unit,xEXT_rtehtmlarea_TableOperations:Cell_height,xEXT_rtehtmlarea_TableOperations:Height_unit, xEXT_rtehtmlarea_TableOperations:textAlignment,xEXT_rtehtmlarea_TableOperations:verticalAlignment, xEXT_rtehtmlarea_TableOperations:borderStyle,xEXT_rtehtmlarea_TableOperations:borderWidth,xEXT_rtehtmlarea_TableOperations:borderColor, xEXT_rtehtmlarea_TableOperations:textColor,xEXT_rtehtmlarea_TableOperations:backgroundColor,xEXT_rtehtmlarea_TableOperations:backgroundImage

en	Type of cell

en	Select the type of the cell.

en	Header cell abbreviation

en	Enter the abbreviation of the header cell.

en	Cell width

en	Enter the cell width using the selected width unit.

en	Cell height

en	Enter the cell height using the selected height unit.

en	Insert cell before

en	EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/cell-insert-before.gif

en	"Insert cell before" icon.

en	Insert a new cell to the left the current table cell.

en	Clicking the "Insert cell before" button inserts a new cell to the left of the table cell in which the cursor is currently positioned. The new cell is of the same type, i.e. header or data, belongs to the same row, and has the same properties as the cell in which the cursor is currently positioned.

en	Insert cell after

en	EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/cell-insert-after.gif

en	"Insert cell after" icon.

en	Insert a new cell to the right of the current table cell.

en	Clicking the "Insert cell after" button inserts a new cell to the right of the table cell in which the cursor is currently positioned. The new cell is of the same type, i.e. header or data, belongs to the same row, and has the same properties as the cell in which the cursor is currently positioned.

en	Delete cell

en	EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/cell-delete.gif

en	"Delete cell" icon.

en	Delete the current table cell.

en	Clicking the "Delete cell" button deletes the table cell in which the cursor is currently positioned. If the deleted cell was the last cell of the table, then the table is deleted.

en	Split cell

en	EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/cell-split.gif

en	"Split cell" icon.

en	Split a table cell that was merged over two or more rows and columns.

en	When the cursor is inside a table cell that was merged over two or more rows AND columns, clicking the "Split cell" button splits the cell into as many cells as were merged.

en	xEXT_rtehtmlarea_TableOperations:TO_cell_merge,xEXT_rtehtmlarea_TableOperations:TO_row_split,xEXT_rtehtmlarea_TableOperations:TO_column_split

en	Merge cells

en	EXT:rtehtmlarea/Resources/Public/Images/Plugins/TableOperations/cell-merge.gif

en	"Merge cells" icon.

en	Merge a set of contiguous table cells.

en	In Firefox, when a set of contiguous table cells have been selected with a mouse movement or through the keyboard, clicking the "Merge cells" button merges the selected cells into a single cell. In other browsers, when the cursor is positioned in a cell, clicking the "Merge cells" button prompts the user for the number of rows to the right and the number of columns down over which the cells should be merged. The set of contiguous cells so defined are then merged.

en	xEXT_rtehtmlarea_TableOperations:TO_row_split,xEXT_rtehtmlarea_TableOperations:TO_column_split,xEXT_rtehtmlarea_TableOperations:TO_cell_split