Adding and formatting tables in help center articles

<body>
<p id="docs-hc-snippet" style="display: none;">You can add tables to your help center articles by clicking the table icon () in the article editor toolbar. Once created, you can use table formatting tools to customize your table content and properties.</p>
<div class="article-banners">
<div id="docs-wmp-link">
<a href="https://support.zendesk.com/hc/en-us/articles/5411234991258-plan" rel="noopener" target="_blank">What's my plan?</a>
</div>

<div class="article-banner" id="suite_all">
<table>
<tbody>
<tr>
<td>
<strong>All Suites</strong>
</td>
<td>Team, Growth, Professional, Enterprise, or Enterprise Plus</td>
</tr>
</tbody>
</table>
</div>

<div class="article-banner" id="support_with_guide_all">
<table>
<tbody>
<tr>
<td>
<strong>Support with</strong>
</td>
<td>Knowledge Professional or Enterprise</td>
</tr>
</tbody>
</table>
</div>

</div>
<div id="docs-ai-summary">
<p id="docs-ai-summary-toggle">Summary: <span id="up-triangle">◀</span><span id="down-triangle">▼</span></p>
<p id="docs-ai-summary-content">You can add and format tables in your help center articles to organize information clearly. Use the table icon to insert tables, then customize rows, columns, cell properties, and table dimensions. You can also merge cells, add captions, and move or delete tables. These tools help you create structured, easy-to-read content for your knowledge base and support articles.</p>
</div>

<div class="body">

<p class="p">You can add tables to your help center articles by clicking the table icon (<img class="image" id="zug_hc_tables__image_wzx_wpj_yy" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/guide-cb-editor-table-tool.png" width="45">) in the article editor toolbar. Once created, you
can use table formatting tools to customize your table content and properties.</p>
<p class="p">You can add tables to content blocks, where you can format and edit them for reuse across
your knowledge base. You can also create tables in the article editor and create content
blocks from the tables. When you do this, the tables are converted to the table editor
used in content blocks, and are editable from there. See <a class="xref" href="https://support.zendesk.com/hc/en-us/articles/4408832857754" target="_blank">Creating and inserting reusable information with content
blocks</a>
</p>
<p class="p">This article contains the following topics:</p>
<ul class="ul" id="zug_hc_tables__ul_zm3_nwl_rhb">
<li class="li"><a class="xref" href="#topic_ttb_lwl_rhb">Adding a table to an article</a></li>
<li class="li"><a class="xref" href="#topic_ig3_lwl_rhb">Editing a table</a></li>
<li class="li"><a class="xref" href="#topic_jjz_ny3_cfc">Table formatting tools</a></li>
</ul>
</div>
<div aria-labelledby="ariaid-title2" class="topic nested1" id="topic_ttb_lwl_rhb">
<h2 class="title topictitle2" id="ariaid-title2">Adding a table to an article</h2>
<div class="body">
<p class="p"><strong class="ph b">To add a table to an article</strong></p>
<ol class="ol" id="topic_ttb_lwl_rhb__ol_ith_rwl_rhb">
<li class="li">In a new or existing article, place your cursor where you want to add the
table.</li>
<li class="li">In the article editor toolbar, click the table icon.<p class="p"><img class="image img-screenshot" id="topic_ttb_lwl_rhb__image_jth_rwl_rhb" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/guide-new-art-ed-add-table.png" width="600"></p>
</li>
<li class="li">In the table formatting menu, move your cursor over the grid to select the
number of rows and columns you want to include in the table.<p class="p"><img class="image img-screenshot" id="topic_ttb_lwl_rhb__image_kth_rwl_rhb" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/guide-new-art-ed-add-table-select.png" width="175"></p>
<p class="p">The table is added to your article. Click in any cell in the table
to expose the contextual menu, then use the tools and menu options to format
your table. See <a class="xref" href="#topic_jjz_ny3_cfc">Using the
table formatting tools.</a></p>
<p class="p">
<img class="image" id="topic_ttb_lwl_rhb__image_m3x_nx3_cfc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/guide-new-art-table-edit-tools.png" width="500"></p>
</li>
</ol>
</div>
</div>
<div aria-labelledby="ariaid-title3" class="topic nested1" id="topic_ig3_lwl_rhb">
<h2 class="title topictitle2" id="ariaid-title3">Editing a table</h2>
<div class="body">
<p class="p">After you've inserted a table, you can change formatting options for the table. For
example, you can delete or add rows and columns, change cell properties, or delete
the entire table. You can also change cell dimensions for rows or columns in a table
to specify a specific row height or column width.</p>
<p class="p"><strong class="ph b">To edit the table properties</strong></p>
<ol class="ol" id="topic_ig3_lwl_rhb__ol_pmq_zwl_rhb">
<li class="li">In an article with a table, click in any cell in the table to expose the
contextual menu.</li>
<li class="li">
<p class="p">Use the tools and menu options to format your table. See <a class="xref" href="#topic_jjz_ny3_cfc">Using the table formatting
tools.</a></p>
<p class="p">
<img class="image" id="topic_ig3_lwl_rhb__image_rr3_fz3_cfc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/guide-new-art-table-edit-tools.png" width="500"></p>
</li>
<li class="li">When you've made your formatting changes, click <strong class="ph b">Save</strong>.</li>
</ol>
<p class="p"><strong class="ph b">To delete, move, or add space around the table</strong></p>
<ol class="ol" id="topic_ig3_lwl_rhb__ol_ynq_4z3_cfc">
<li class="li">In an article with a table, hover over the table to expose the table
options.<p class="p"><img class="image" id="topic_ig3_lwl_rhb__image_k3l_vz3_cfc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/new-art-ed-table-options.png" width="500"></p>
</li>
<li class="li">Use the table options as follows to complete the available table actions:<ul class="ul" id="topic_ig3_lwl_rhb__ul_pln_zz3_cfc">
<li class="li">
<strong class="ph b">Move the table</strong>: Click the table selector (<img class="image" id="topic_ig3_lwl_rhb__image_z5p_dbj_cfc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/guide-new-art-ed-table-options-seltable.png" width="20">) and drag it to a new location
within the article.</li>
<li class="li">
<strong class="ph b">Delete the table</strong>: Click the table selector (<img class="image" id="topic_ig3_lwl_rhb__image_mnv_3bj_cfc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/guide-new-art-ed-table-options-seltable.png" width="20">) then press <strong class="ph b">delete</strong> on
your keyboard.</li>
<li class="li">
<strong class="ph b">Add a blank line above or below the table</strong>: Click the left arrow
(<img class="image" id="topic_ig3_lwl_rhb__image_jk4_qbj_cfc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/guide-new-art-ed-table-options-leftarrow.png" width="20">) icon at the top left side of
the table to add a row above the table. Click the same icon at the
bottom right side of the table to add a row below the table.</li>
</ul>
</li>
<li class="li">When you've made your formatting changes, click <strong class="ph b">Save</strong>.</li>
</ol>
<p class="p"><strong class="ph b">To resize a table row or column</strong></p>
<ol class="ol" id="topic_ig3_lwl_rhb__ol_jns_w5h_xfc">
<li class="li">In an article with a table, click and drag to select all of the cells in the row
or column you want to resize.<p class="p"><img class="image" id="topic_ig3_lwl_rhb__image_s4n_x5h_xfc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/guide-table-select-row.png" width="500"></p>
</li>
<li class="li">
<p class="p">Click the Cell properties icon (<img class="image" id="topic_ig3_lwl_rhb__image_z3v_sb3_xfc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/guide-new-art-ed-table-cellprops-ico.png" width="20">) to open the Cell properties
modal.</p>
</li>
<li class="li">In the <strong class="ph b">Dimensions</strong> section, configure the width and height fields to match
your desired row height or column width. If you're changing the:<ul class="ul" id="topic_ig3_lwl_rhb__ul_t1q_vc3_xfc">
<li class="li">Row height, then in the <strong class="ph b">Height</strong> field, type the desired height (in
pixels) of the row you selected.</li>
<li class="li">Column width, then in the <strong class="ph b">Width</strong> field, type the desired width (in
pixels) of the column you selected.</li>
</ul>
<p class="p"><img class="image" id="topic_ig3_lwl_rhb__image_jbp_4c3_xfc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/guide-table-cell-prop-width.png" width="500"></p>
</li>
<li class="li">Click <strong class="ph b">Save</strong>.</li>
</ol>
</div>
</div>
<div aria-labelledby="ariaid-title4" class="topic nested1" id="topic_jjz_ny3_cfc">
<h2 class="title topictitle2" id="ariaid-title4">Using the table formatting tools</h2>
<div class="body">
<p class="p">Once the table is added to your article, you can add content by clicking inside a
cell and using the table formatting tools to change cell and text properties. Refer
to the following table for more details about the table formatting tools and what
you can do with them.</p>
<div class="p">
<div class="tablenoborder">
<table border="1" cellpadding="4" cellspacing="0" class="table" frame="border" id="topic_jjz_ny3_cfc__table_wyq_213_1cc" rules="all" summary="">
<colgroup>
<col style="width:33.33333333333333%">
<col style="width:33.33333333333333%">
<col style="width:33.33333333333333%">
</colgroup>
<thead class="thead" style="text-align:left;">
<tr class="row">
<th class="entry cellrowborder" id="d87e261" style="vertical-align:top;">Tool</th>
<th class="entry cellrowborder" id="d87e264" style="vertical-align:top;">Name</th>
<th class="entry cellrowborder" id="d87e267" style="vertical-align:top;">Description</th>
</tr>
</thead>
<tbody class="tbody">
<tr class="row">
<td class="entry cellrowborder" headers="d87e261" style="vertical-align:top;"><img class="image" id="topic_jjz_ny3_cfc__image_btt_qc3_1cc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/table_caption.png" width="25"></td>
<td class="entry cellrowborder" headers="d87e264" style="vertical-align:top;">Toggle caption on</td>
<td class="entry cellrowborder" headers="d87e267" style="vertical-align:top;">Lets you enter a table caption that is displayed and centered
at the top of the table.</td>
</tr>
<tr class="row">
<td class="entry cellrowborder" headers="d87e261" style="vertical-align:top;"><img class="image" id="topic_jjz_ny3_cfc__image_nyq_cd3_1cc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/table_merge.png" width="50"></td>
<td class="entry cellrowborder" headers="d87e264" style="vertical-align:top;">Merge cells</td>
<td class="entry cellrowborder" headers="d87e267" style="vertical-align:top;">Select cells, then click to merge, or click the down arrow to
select additional merge and split options.</td>
</tr>
<tr class="row">
<td class="entry cellrowborder" headers="d87e261" style="vertical-align:top;"><img class="image" id="topic_jjz_ny3_cfc__image_aml_sw4_1cc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/guide-new-art-ed-table-cellprops-ico.png" width="20"></td>
<td class="entry cellrowborder" headers="d87e264" style="vertical-align:top;">Cell properties</td>
<td class="entry cellrowborder" headers="d87e267" style="vertical-align:top;">Displays the Cell properties window where you can set the
following options:<ul class="ul" id="topic_jjz_ny3_cfc__ul_zjh_x23_1cc">
<li class="li">Border</li>
<li class="li">Background</li>
<li class="li">Cell dimensions (width, height, and padding)</li>
<li class="li">Table cell text alignment (horizontal and vertical)</li>
</ul>
</td>
</tr>
<tr class="row">
<td class="entry cellrowborder" headers="d87e261" style="vertical-align:top;"><img class="image" id="topic_jjz_ny3_cfc__image_zmg_gg3_1cc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/table_column.png" width="45"></td>
<td class="entry cellrowborder" headers="d87e264" style="vertical-align:top;">Column</td>
<td class="entry cellrowborder" headers="d87e267" style="vertical-align:top;">Click the down arrow to select the following options:<ul class="ul" id="topic_jjz_ny3_cfc__ul_mkg_z23_1cc">
<li class="li">Create header column</li>
<li class="li">Insert column to the right or left</li>
<li class="li">Delete column</li>
<li class="li">Select column</li>
</ul>
</td>
</tr>
<tr class="row">
<td class="entry cellrowborder" headers="d87e261" style="vertical-align:top;"><img class="image" id="topic_jjz_ny3_cfc__image_l5v_lg3_1cc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/table_cellprops.png" width="25"></td>
<td class="entry cellrowborder" headers="d87e264" style="vertical-align:top;">Table properties</td>
<td class="entry cellrowborder" headers="d87e267" style="vertical-align:top;">Displays the Table properties window where you can set the
following options:<ul class="ul" id="topic_jjz_ny3_cfc__ul_sgt_df3_1cc">
<li class="li">Border</li>
<li class="li">Background</li>
<li class="li">Table dimensions (width and height)</li>
<li class="li">Alignment</li>
</ul>
</td>
</tr>
<tr class="row">
<td class="entry cellrowborder" headers="d87e261" style="vertical-align:top;"><img class="image" id="topic_jjz_ny3_cfc__image_ub5_2h3_1cc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/table_row.png" width="45"></td>
<td class="entry cellrowborder" headers="d87e264" style="vertical-align:top;">Row</td>
<td class="entry cellrowborder" headers="d87e267" style="vertical-align:top;">Click the down arrow to select the following options:<ul class="ul" id="topic_jjz_ny3_cfc__ul_e4d_ff3_1cc">
<li class="li">Create header row</li>
<li class="li">Insert row above or below</li>
<li class="li">Delete row</li>
<li class="li">Select row</li>
</ul>
</td>
</tr>
<tr class="row">
<td class="entry cellrowborder" headers="d87e261" style="vertical-align:top;"><img class="image" id="topic_jjz_ny3_cfc__image_xz2_hh3_1cc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/Select+table.png" width="25"></td>
<td class="entry cellrowborder" headers="d87e264" style="vertical-align:top;">Select table</td>
<td class="entry cellrowborder" headers="d87e267" style="vertical-align:top;">Select the table to perform the following actions:<ul class="ul" id="topic_jjz_ny3_cfc__ul_ut3_gf3_1cc">
<li class="li">Drag-and-drop</li>
<li class="li">Delete</li>
<li class="li">Copy</li>
<li class="li">Cut</li>
<li class="li">Paste</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<script id="docs-schema-markup" type="application/ld+json">{
"@context": "https://schema.org",
"@type": "TechArticle",
"@id": "https://support.zendesk.com/hc/en-us/articles/4408829307418",
"url": "https://support.zendesk.com/hc/en-us/articles/4408829307418",
"headline": "Adding and formatting tables in help center articles",
"description": "You can add and format tables in your help center articles using the article editor toolbar, including editing table properties, resizing rows and columns, and applying various formatting tools.",
"articleSection": "Working with articles in the knowledge base",
"datePublished": "2021-10-16T03:34:17+00:00",
"dateModified": "2026-04-29T14:57:44.483383+00:00",
"inLanguage": "en-US",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://support.zendesk.com/hc/en-us/articles/4408829307418"
},
"author": {
"@type": "Organization",
"name": "Zendesk",
"@id": "https://www.zendesk.com"
},
"publisher": {
"@type": "Organization",
"name": "Zendesk",
"@id": "https://www.zendesk.com"
},
"isPartOf": {
"@type": "WebSite",
"name": "Zendesk Help",
"@id": "https://support.zendesk.com/hc/"
},
"about": {
"@type": "SoftwareApplication",
"name": "Zendesk",
"@id": "https://www.zendesk.com",
"softwareAddOn": {
"@type": "SoftwareApplication",
"name": "Knowledge",
"@id": "https://support.zendesk.com/hc/en-us/sections/4405298860954"
}
}
}</script><script id="ai-summary-script">
//<![CDATA[
const ai_summary_style = document.createElement('style');
ai_summary_style.innerHTML = `#styled-article-body{padding:0 0 0}#article-body #docs-ai-summary{background-color:#f3f3f3;border:1px solid #d3d3d3;padding:10px 10px 6px;margin-bottom:16px}#article-body #docs-ai-summary #docs-ai-summary-toggle{font-size:.9em;font-weight:700;margin-bottom:4px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}#article-body #docs-ai-summary #docs-ai-summary-toggle #up-triangle{margin-left:auto;padding-right:10px;display:none}#article-body #docs-ai-summary #docs-ai-summary-toggle #down-triangle{margin-left:auto;padding-right:10px}#article-body #docs-ai-summary #docs-ai-summary-content{font-size:.9em;padding-left:25px;padding-right:25px;margin-bottom:12px}`;
document.head.appendChild(ai_summary_style);

const toggleAISummary = () => {
const summary = document.getElementById("docs-ai-summary-content");
const upTriangle = document.getElementById("up-triangle");
const downTriangle = document.getElementById("down-triangle");
if (summary.style.display === "none") {
summary.style.display = "block";
upTriangle.style.display = "none";
downTriangle.style.display = "inline";
} else {
summary.style.display = "none";
upTriangle.style.display = "inline";
downTriangle.style.display = "none";
}
};

document.getElementById("docs-ai-summary-toggle").addEventListener("click", toggleAISummary);
//]]>
</script>
</body>