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
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
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
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
Insert Row Before* Adds a row above the current row in a table.
Insert row after html
Insert Row After* Adds a row below the current row in a table.
Delete row html
Delete Row* Deletes the current row in a table.
Insert column before html
Insert Column Before* Adds a column to the left of the current column in a table.
Insert column after html
Insert Column After* Adds a column to the right of the current column in a table.
Delete column html
Delete Column* Deletes the current column in a table.
Split merge html
Split Merged Table Cells* Splits any merged cells in the selected table cells.
Merge html
Merge Table Cells*

Merges the selected cells in a table.

Code reference: colspan

Code reference: rowspan