Help Center
  • Welcome
  • Setka Editor
    • Getting started
    • Drag-and-Drop & Multiselect
    • Text editing
    • Grids and Layout
    • Images
      • Image Editor
    • Background images
    • Icons
    • Animations
    • Lists
    • Tables
    • Dividers
    • Footnotes
    • Hotspots
    • Enhance Symbols
    • Post templates
    • Buttons
    • Comments and collaboration
    • Embeds
    • Hyphenation
    • Responsive layout for mobile screens
    • Custom CSS
    • Custom JS plugins
  • Setka Content Design System Manager
    • Creating and editing styles
    • Text formats and fonts
    • Styles display for mobile mevices
    • Text and background colors
    • Dividers
    • Icons
    • Components – reusable design elements
      • Creating Components with HTML and CSS
        • CSS in components
        • Component examples
    • Configuring layout grids
    • Editing default elements with Custom CSS
    • Adding team members
  • Account Settings
    • Account settings basics
    • Access rights
    • Billing and subscription
  • Preserve your Setka Editor content after the service shutdown
  • Integrations
    • Setka and WordPress
      • Installing Setka Editor WordPress plugin
      • Launching Setka Editor on the post creation page
      • Setka Editor and WordPress compatibility
      • Setka Editor compatibility with the most popular WordPress plugins
      • Inserting graphs, charts, or diagrams into a post
      • Setka Editor and Google AMP
      • Inserting adverts into a post
      • srcset — the attribute for image size optimization
      • Page load speed optimization settings
        • Autoptimize plugin configuration
      • WordPress troubleshooting: known Issues and how to fix them
      • Preserve your Setka Editor content after the service shutdown
    • Setka and Drupal
      • Setka for Drupal — compatibility, and features
      • Installing Setka modules for Drupal
      • Setka content on AMP pages in Drupal
    • Setka and Magento
      • Installing Magento 2 extension
        • Setka Editor configuration page
      • Preserve your Setka Editor content after the service shutdown
    • Setka and HubSpot
      • Setka Editor and HubSpot Blogs
      • Setka Editor and HubSpot Landing Pages
      • Semi-gated content with a HubSpot form
      • Preserve your Setka Editor content after the service shutdown
    • Setka and Bitrix
      • Preserve your Setka Editor content after the service shutdown
    • Setka and Ghost
      • Copying and pasting posts from Setka to Ghost
    • Setka and SharePoint Online
      • Installing Setka Editor application into SharePoint Online
    • Setka and Zapier
      • Setka and Webflow
        • Exporting new posts
        • Updating exported posts
      • Setka and Shopify
    • Setka and Integromat
    • Content Cloud
  • API
    • Setka Content Cloud API
    • Webhooks
    • API for Custom CMS Integration
      • Introduction to custom integration
      • Integration with Content Design System Manager (CDSM)
        • Initial sync — receiving Setka Editor files to connect them to your CMS
        • Storing and processing Setka Editor files
        • Connecting Setka Editor files to the pages of your site
        • Receiving style updates from the Style Manager and new editor versions
      • Setka Post Editor initialization (JavaScript)
      • Integration with Style Manager (API v1, previous version)
      • Preserve your Setka Editor content after the service shutdown
    • Custom Components API
  • VIDEO TUTORIALS
    • Setka Editor Video Tutorials
  • Components Library
    • Components Library
    • Guide: Ideas for Using Setka Editor’s Components to Improve Content Design
  • Content Experience Design Best Practices
    • Guide To Designing a Great Content Experience
Powered by GitBook
On this page
  • Adding a table
  • Quick add
  • Styles for tables
  • Column width settings
  • Tables view on mobile screens

Was this helpful?

  1. Setka Editor

Tables

How to add tables to your content in Setka Editor, set tables design, column width and adjust view for mobile screens.

PreviousListsNextDividers

Last updated 3 years ago

Was this helpful?

It is easier to remember and read data if it is systematized. One of the best ways to bring data into a single system is by using a table to structure it.

With Setka Editor, you can add tables to your posts and adjust their display options.

Adding a table

Please note: Tables are available on the Pro plan or Enterprize plan. Please check our to learn more.

To add a table to the current paragraph:

  1. Click on it or make sure it is in focus.

  2. Select Add table in the right toolbar.

  3. Fill in the number of rows and columns and click Insert.

Quick add

Styles for tables

The table style defines the appearance of the borders, the text format, and the background. The style can be applied to the table as a whole and rows, columns, or cells individually.

Column width settings

The column width is set as a percentage of the table width.

Tables view on mobile screens

You can customize the display of tables on mobile screens separately.

You can transform the table for mobile devices with three available options:

1. Vertical: one line under the other

2. Scroll: In one screen, but with the ability to scroll from right to left.

If you need to add a table above or below the , the Quick add menu can be used. To open it, hover the mouse above the grid and click the + button. The purple line above or below the grid will demonstrate where the table would be placed. If the nested grid is selected, the table can also be placed above or below the outer grid:

Important: Tables in Setka Editor are used for data formatting. To structure post elements, use .

grid
modular grids
pricing page
Insert Table button in Setka Editor Side Toolbar
Adding a table via Quick add menu
Table Styles dropdown menu in Setka Editor UpperToolbar
Column Width settings in Setka Editor Upper Toolbar
Mobile View dropdown in Setka-Editor in the Table tab in the Upper Toolbar
Vertical view for tables in Setka Editor: Preview for Desktop
Vertical View for Tables in Setka Editor: Preview for Mobile screens
"Scroll" view for tables in Setka Editor: Preview for Desktop
"Scroll" View for Tables in Setka Editor: Preview for Mobile screens