{"id":12340,"date":"2020-06-18T12:21:05","date_gmt":"2020-06-18T16:21:05","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=12340"},"modified":"2020-06-18T13:36:22","modified_gmt":"2020-06-18T17:36:22","slug":"creating-a-table-using-the-gutenberg-editor","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/wordpress-tutorials\/creating-a-table-using-the-gutenberg-editor\/","title":{"rendered":"Creating a Table using the Gutenberg Editor"},"content":{"rendered":"\n

Using tables in your WordPress website content is a fairly common task. You can still add tables via code using the text editor, but the Gutenberg editor does make it easy to add using table block. Follow the tutorial below to learn how to create a table using the Gutenberg editor<\/strong>.<\/p>\n

Note that the Gutenberg editor has been integrated directly into the WordPress Administrator dashboard as of WordPress version 5.0<\/strong>. It is now the default WordPress editor.<\/p>\n

 <\/p>\n

    \n
  1. Login to your WordPress Administrator Dashboard<\/a>.<\/li>\n
  2. Open an existing draft of a page or post in the editor. You can also create a new page or post.<\/li>\n
  3. Click on the +<\/b> sign in order to add a block in Gutenberg editor.<\/li>\n
  4. \"\"<\/a>You will see the option to select the block that you wish to add. Click on Blocks<\/strong> and look for Table<\/strong> under the Formatting<\/strong> section. Click on the Table block<\/strong> to add it to your post or page.\n
    <\/div>\n<\/li>\n
  5. \"\"<\/a>By default, the block will begin with 2 column, 2 row table. You can determine the number of rows and columns and then click on Create<\/strong> in order to make the table you want.  It’s very easy to change the table so that you can add more rows and columns. In the menu bar look for the Edit Table<\/strong> icon and then make changes to the rows or columns as needed. You also have alignment options and you can also change the width of the cells to take advantage of the space on the page.   Note that you will still have to add HTML code in the Text editor if you wish to make custom changes to the table formatting.<\/em>\n
    <\/div>\n<\/li>\n
  6. Once you have finished creating your table and adding your content, click on Update<\/strong> or Publish<\/strong> in order to save your changes.<\/li>\n<\/ol>\n

    Congratulations! You now know how to create a table using Gutenberg editor. For more detailed information about adding tables into WordPress, please see Creating Tables with Plugins – WordPress Codex<\/a>.<\/p>\n

    Looking for an alternative to the Gutenberg Editor?<\/em> Try our WordPress Page Builder<\/a> that uses a different approach to WordPress Blocks<\/a> to help build your website with ease! Tables are included within the Block Library and can be customized easily.<\/p>\n

    Interested in protecting your site? Our WordPress backup plugin<\/a> has backups, automatic update controls and crash recovery all in one tiny package. Learn more about Total Upkeep<\/a> today!<\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"

    Using tables in your WordPress website content is a fairly common task. You can still add tables via code using the text editor, but the Gutenberg editor does make it easy to add using table block. Follow the tutorial below to learn how to create a table using the Gutenberg editor. Note that the Gutenberg […]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[151],"tags":[691],"class_list":["post-12340","post","type-post","status-publish","format-standard","hentry","category-wordpress-tutorials","tag-gutenberg"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/12340","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=12340"}],"version-history":[{"count":12,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/12340\/revisions"}],"predecessor-version":[{"id":21861,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/12340\/revisions\/21861"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=12340"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=12340"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=12340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}