• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Answer Your Tech

Wordpress How-to Guides

  • Writing
  • Settings
  • Jetpack
  • Navigation
  • Hosting
  • Getting Started
  • Themes
You are here: Home / Writing / How to Insert a Table in Wordpress

How to Insert a Table in WordPress

June 14, 2019 By Matt

How to Insert a Table in WordPress

One of the more common elements that you will find in posts that are reviewing products or comparing them is a table that lists all of the features of each of the products. There are many plugins, like Tablepress, that can help you create beautiful, complex tables.

But you may not want to install another plugin on your site, or you may be looking for a simple way to add a basic table. Fortunately, with the Gutenberg editor in WordPress, you are able to add a table block to one of your posts or pages.

How to Add a Table Block in WordPress

The steps in this article were performed on a WordPress site using the Gutenberg editor. Note that you will have a couple of table styles to select from, as well as a handful of options for a background color for the table. You could also choose to add some table formatting to your style.css file and apply a CSS style to the table as well.

Step 1: Sign into the admin section of your site at (yourdomain.com)/wp-admin.

Step 2: Hover over the Posts tab and choose to create a new post or open an existing one.

open the posts menu

Step 3: Click at the point in the post where you wish to add the table, then click the + button to add a new block.

add a new block

Step 4: Select the Formatting tab.

select the formatting tab

Step 5: Click the Table button.

click the table button

Step 6: Specify the number of rows and columns, then click the Create button.

choose the table layout

Step 7: Format the appearance of the table using the options in the column at the right side of the window, then add your table data.

how to insert a table in a wordpress post

Want to add the HTML table code to the post yourself? Find out how to switch to the code editor in WordPress so that you can enter HTML code in your post.

Share this:

  • Click to share on Twitter (Opens in new window)
  • Click to share on Facebook (Opens in new window)
  • Click to share on Reddit (Opens in new window)
  • Click to share on LinkedIn (Opens in new window)
  • Click to share on Pinterest (Opens in new window)

Related

Primary Sidebar

Recent Posts

  • How to Change the Publish Date When You Update a Post in WordPress 5.9
  • How to Delete a Page in WordPress
  • How to Update a User’s Email Address in WordPress 5.9
  • How to Check the Version of WordPress on Your Site
  • How to Add an Amazon OneTag Script to the Footer in a Genesis Theme

Site Info

  • Domain Name - Hostgator
  • Hosting - Cloudways
  • Theme Framework - Genesis
  • Child Theme - Smart Passive Income Pro
  • Site Speed - WP Rocket

Archives

  • May 2022
  • July 2020
  • September 2019
  • July 2019
  • June 2019
  • May 2019
  • April 2019
  • March 2019
  • July 2018
  • December 2016
  • November 2016

Categories

  • Comments
  • Genesis
  • Getting Started
  • Hosting
  • Jetpack
  • Navigation
  • Plugins
  • Settings
  • Sidebar
  • Themes
  • Writing
  • Affiliate Disclosure
  • Privacy Policy
  • FAQ
  • About
  • Contact
Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use.
To find out more about our privacy policy, see here: Privacy Policy

Copyright © 2022 AnswerYourTech.com

 

Loading Comments...
 

You must be logged in to post a comment.