--- title: Table slug: docs/table-block docTags: createdAt: 2020-03-10T11:33:29.000Z --- Sometimes, lists aren't enough to convey the information that you want. Thus the reason for editable tables. Table allows you to structure and present information in a clear, organized, and visually appealing format. It's perfect for displaying data in rows and columns, making it easy to compare, analyze, and understand. *** ## When use a table Tables are ideal when your content: ::::LinkArray{contentSource="CUSTOM" itemsPerRow="3"} :::LinkArrayItem :Lucide[]{icon="ListChecks"} Has repeated patterns (e.g., attributes, features, data points) ::: :::LinkArrayItem :Lucide[]{icon="Banknote"} Needs comparison (pricing, plans, specs) ::: :::LinkArrayItem :Lucide[]{icon="MoveHorizontal"} Benefits from horizontal scanning ::: :::: *** ## How to add a table ::::WorkflowBlock :::WorkflowBlockItem Type `/` to open the block list menu ::: :::WorkflowBlockItem Search for **Table** and click on it to insert ::: :::WorkflowBlockItem A basic 3x4 table having the first row as header will be created ::: :::: Alternalely directly insert a table, simply type `(table)`. | | | | | - | - | - | | | | | | | | | | | | | *** ## Understanding the table controls Every table has interactive controls that appear when you click the handles, cells or margins. ::::VerticalSplit{layout="middle"} :::VerticalSplitItem ### Row handle (left side) Each row has its individual handle. You can use it to: - Add row to above :Lucide[]{icon="ArrowUpFromLine"} or below :Lucide[]{icon="ArrowDownFromLine"} ; - Change background color :Lucide[]{icon="PaintBucket"} ; - Delete row :Lucide[]{icon="Trash"} ; ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/Yg6LvC-mBauQuP0IUNSQ2-20260302-205158.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem ### Column handle (top side) Each column has its individual handle. You can use it to: - Align content to left :Lucide[]{icon="AlignLeft"}, centre :Lucide[]{icon="AlignCenter"} or right :Lucide[]{icon="AlignRight"} ; - Change background color :Lucide[]{icon="PaintBucket"} ; - Add column to left :Lucide[]{icon="ArrowLeftFromLine"} or right :Lucide[]{icon="ArrowRightFromLine"} ; - :Lucide[]{icon="Trash"} Delete row ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/az8JCDRR3Px0zqdn79NlR-20260302-205146.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem ### Corner dot (upper‑left) Used for whole‑table actions such as: - Change border color :Lucide[]{icon="Table"} ; - Show first row as table header :Lucide[]{icon="PanelTop"} ; - Freezing headers :Lucide[]{icon="Snowflake"} ; ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/2SzZMQX5-_zpGzHwGGP3e-20260302-205118.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem ### Cell popup menu Appears when you click inside a cell or select multiple cells. Gives access to: - Merge cells :Lucide[]{icon="TableCellsMerge"} ; - Split cells :Lucide[]{icon="TableCellsSplit"} ; - Change background color :Lucide[]{icon="PaintBucket"} ; ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/b4uNPi_dBce6cNh3jZ5kV-20260302-204219.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem ### Resize a column - adjust the cell width Column resizing lets you control how much space each column takes. Hover your cursor over the **right edge** or **left edge** of a column and **click & drag** to adjust the widht. ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/YoLc9h8D-erziircvDlgT-20260302-210241.png) ::: :::: *** ## Editing cell content Every cell in a table is its **own mini editor**. You can type, format, and structure content exactly like you would in any normal block, no special tools or steps required. Simply click inside a cell and begin typing. ::::VerticalSplit{layout="middle"} :::VerticalSplitItem Selecting a text will trigger the [WYSIWYG Menu](docId\:WBvFMF8cfYoJgkqNrJVIG) to appear, giving you access to bold, italics, inline code, links, and any other basic formatting you normally use. ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/e5Ns1ANbuHq7blSVu361B-20260302-214253.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem Cells also support inserting blocks. Here are the available in‑cell blocks you can use: - **Headings** - **Lists** - **Images** These are the only block types supported inside table cells. ::: :::VerticalSplitItem ::Image[]{src="https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/5oyz0_5kBE1A_HmS3FoHN-20260302-214213.png" size="80" width="738" height="697" position="center" darkWidth="738" darkHeight="697" showCaption="false"} ::: :::: *** ## Full‑screen editing mode When a table becomes large or visually complex, the in‑page editor can feel cramped. ::::VerticalSplit{layout="middle"} :::VerticalSplitItem The **Full‑Screen Editing Mode** gives you a dedicated editor especially for managing large datasets and wide tables, benefiting all: - **See more columns at once** without having to scroll horizontally. - **Work with large row counts** in a smoother, distraction‑free space. - **Add, remove, or rearrange rows and columns** with less visual clutter. - **Avoid page reflow** — the rest of the document stays out of the way. ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/BCP9uYIPqxMP5kdbHZ_0Y-20260302-222059.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem To open Open full‑screen mode, clicking the **expand icon **the upper‑right corner. To close, simply press on `esc` key or button, or click outside. Every change is automalitcally saved. ::: :::VerticalSplitItem ::Image[]{src="https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/H1HYQVKfvyTuBSiPsRGeA-20260302-221726.png" size="80" width="368" height="236" position="center" darkWidth="368" darkHeight="236" showCaption="false"} ::: :::: Here is a table example, using frozen headers: | **Feature** | **Growing** | **Scaling** | **Enterprise** | | ------------------------------------ | ----------------- | ------------------ | ------------------- | | Spaces & Documents | Unlimited | Unlimited | Unlimited | | Public spaces | ✅ | ✅ | ✅ | | Custom domain publishing | ✅ | ✅ | ✅ | | CDN & image optimization | ✅ | ✅ | ✅ | | Document verification | ✅ | ✅ | ✅ | | Full-text search | ✅ | ✅ | ✅ | | SEO optimization | ✅ | ✅ | ✅ | | AI/LLM optimization | ✅ | ✅ | ✅ | | File storage | 10GB + 2GB/member | 20GB + 10GB/member | 100GB + 10GB/member | | Document revision history | 1 Year | 2 Years | 5 Years | | Custom domains | 1 | 1 | Per contract | | Space links for multi-product docs | — | ✅ | ✅ | | Version links for multi-version docs | — | ✅ | ✅ | | Language localization | — | ✅ | ✅ | | Reusable variables | — | ✅ | ✅ | | Search analytics | — | ✅ | ✅ | | Space groups | — | ✅ | ✅ | | Automated AI translations | — | — | ✅ | | Display rules & conditional content | — | — | ✅ | | Readers & traffic | Unlimited | Unlimited | Unlimited | | Password authentication | ✅ | ✅ | ✅ | | Guest accounts | — | ✅ | ✅ | | Magic links | — | ✅ | ✅ | | JWT | — | ✅ | ✅ | | SAML | — | — | ✅ | *** ## Full‑Screen viewing mode for readers ::::VerticalSplit{layout="middle"} :::VerticalSplitItem Readers can enlarge any table by clicking the expand icon. The table opens in a large, scrollable modal that removes page constraints, making wide or data‑heavy tables far easier to read. ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/KHC1xa5dsaH7Ch9PE-LG_-20260302-223556.gif) ::: :::: *** ## Example Here's a another example, just to showcase what you can do with tables: | **Feature Set 1** | **Feature Set 2** | **Feature Set 3** | | ----------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------ | | Unlimited Readers | ::Image[]{src="https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/woqyzd8gCyu9t8AepPjXp_archbee-logo-typemark-light.png" size="60" width="256" height="64" position="flex-start" darkWidth="256" darkHeight="64" showCaption="false"} | SAML | | Custom Domain | Advanced integrations | API Access | | Full Branding | Custom Code | Customer Success Manager | *** ::::LinkArray{contentSource="CUSTOM"} :::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"} :FontAwesome[]{icon="fa-solid fa-cubes"} ** Find other blocks** Discover new ways and blocks to create stunning and functional documentation pages. [Check out all blocks](docId:6B0VTQTVUnMP93e-SZQ2p) ::: :::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"} :FontAwesome[]{icon="fa-solid fa-headset"}** Need help? ⬇️** Use the **blue** **chat bubble **from bottom right corner. Or try **AI Chat** (from search box) for quick answers. ::: :::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"} :FontAwesome[]{icon="fa-solid fa-hand-holding-heart"}** Your opinion matters** Use the below feedback form, anonymously. Or ask a question in **Q\&A section** and our team or AI will give you a solution. ::: ::::