Table functions in the TinyMCE version 3 and htmlArea editors

The TinyMCE version 3 editor and the htmlArea editor use icons to create and edit tables.

Names marked with an asterisk (*) are not available with the htmlArea editor.

Table 1. TinyMCE version 3 and htmlArea editors
Icon Name Description
Insert table HTML icon
Insert/Edit Table

Inserts a table and defines properties for the current table, including columns, rows, width, layout, and spacing. To learn more, see the table styles example.

Code reference: table

Table row HTML icon
Table Row Properties*

Defines properties for the current row, odd rows, even rows, or all rows in the table. To learn more, see the table styles example.

Code reference: tr

Table column HTML icon
Table Cell Properties*

Defines properties for the current cell, cells in the current row, cells in the current column, or all cells in the table. To learn more, see the table styles example.

Code reference: td

Insert row before HTML icon
Insert Row Before* Adds a row above the current row in a table.
Insert row after HTML icon
Insert Row After* Adds a row below the current row in a table.
Delete row HTML icon
Delete Row* Deletes the current row in a table.
Insert column before HTML icon
Insert Column Before* Adds a column to the left of the current column in a table.
Insert column after HTML icon
Insert Column After* Adds a column to the right of the current column in a table.
Delete column HTML icon
Delete Column* Deletes the current column in a table.
Split merge HTML icon
Split Merged Table Cells* Splits any merged cells in the selected table cells.
Merge HTML icon
Merge Table Cells*

Merges the selected cells in a table.

Code reference: colspan

Code reference: rowspan