Table functions in HTML field editor

---
title: Table functions in HTML field editor
description: TinyMCE version 8.3.0 uses menus and menu selections to create and edit tables.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/platform-administration/r\_TinyMCEVersion4Editor.html
release: brazil
topic_type: reference
last_updated: "2026-09-10"
reading_time_minutes: 1
breadcrumb: [Configure the HTML toolbar, Configure a field editor for the HTML field, Reference, Field administration, Forms, fields, and lists, Configure core features, Administer the ServiceNow AI Platform]
---

# Table functions in HTML field editor

TinyMCE version 8.3.0 uses menus and menu selections to create and edit tables.

<table id="table_asy_cwf_vq"><thead><tr><th>

UI element

</th><th>

Action

</th></tr></thead><tbody><tr><td>

\[Omitted image "TinyMCEV6-tablemenu.png"\] Alt text: TinyMCE v8.3.0 Table menu

</td><td>

Select the table icon \(\[Omitted image "TinyMCEV6-table\_icon.png"\] Alt text: TinyMCE v6.8.3 Table\) to access the TinyMCE version 8.3.0 table menu. Use the table menu to:-   Insert or delete a table
-   Modify table properties
-   Add, move, or delete rows and columns
-   Modify row and column properties
-   Split and merge cells

</td></tr><tr><td>

\[Omitted image "TinyMCEV6-insert-table-grid.png"\] Alt text: TinyMCE v8.3.0 Table insert grid

</td><td>

To insert a table in the HTML field, select **Insert table** and highlight squares in the grid to represent the desired number of rows and columns. Select the last highlighted square to insert the table.

 After you insert the table, you can modify the size by selecting and dragging the handles at the table edges.

</td></tr><tr><td>

\[Omitted image "TinyMCEV6-tableofcontents\_icon.png"\] Alt text: TinyMCE v8.3.0 Table of contents

</td><td>

The Table of Contents plugin generates a basic table of contents \(ToC\) and inserts it into the editor at the current cursor position. ToC entries are generated from header elements in the content.

</td></tr><tr><td>

\[Omitted image "TinyMCEV6-tableprops.png"\] Alt text: TinyMCE v8.3.0 Table properties

</td><td>

From the table menu, select the **Table properties** button to open the Table properties dialog box. From this menu, you can take any of the following actions:-   General tab:
    -   Set table width and height
    -   Set cell spacing and padding
    -   Enable borders and captions
    -   Set the table alignment
-   Advanced tab:
    -   Configure the table style
    -   Select the border color
    -   Select the background color

</td></tr><tr><td>

\[Omitted image "TinyMCEV6-cellprops.png"\] Alt text: TinyMCE v8.3.0 Cell properties menu

</td><td>

With the cursor in the desired table cell, open the table menu and select **Cell properties**. From this menu, you can set the following properties for table cells:-   General tab:
    -   Width and height
    -   Type and scope
    -   Horizontal and vertical alignment
-   Advanced tab:
    -   Cell style
    -   Border color
    -   Background color

</td></tr><tr><td>

\[Omitted image "TinyMCEV6-rowprops.png"\] Alt text: TinyMCE v8.3.0 Row properties menu

</td><td>

With the cursor in a table cell in the desired row, open the table menu and select **Row properties**. From this menu, you can set the following properties for rows:-   General tab:
    -   Row type
    -   Alignment
    -   Height
-   Advanced tab:
    -   Row style
    -   Border color
    -   Background color

</td></tr></tbody>
</table>You can also paste tables into HTML fields from table-based editors.