{"id":409,"date":"2014-11-20T17:08:02","date_gmt":"2014-11-20T17:08:02","guid":{"rendered":"http:\/\/artsci.case.edu\/documentation\/?page_id=409"},"modified":"2015-10-30T16:56:13","modified_gmt":"2015-10-30T16:56:13","slug":"inserting-tables","status":"publish","type":"page","link":"https:\/\/artsci.case.edu\/documentation\/inserting-tables\/","title":{"rendered":"Inserting Tables"},"content":{"rendered":"<h3>Tables<\/h3>\n<p>&nbsp;<\/p>\n<p>Tables can be used to organize data into rows and columns. In WordPress they look similar to this:<\/p>\n<table style=\"height: 145px\" width=\"254\">\n<tbody>\n<tr>\n<td>a<\/td>\n<td>b<\/td>\n<td>c<\/td>\n<td>d<\/td>\n<\/tr>\n<tr>\n<td>e<\/td>\n<td>f<\/td>\n<td>g<\/td>\n<td>h<\/td>\n<\/tr>\n<tr>\n<td>i<\/td>\n<td>j<\/td>\n<td>k<\/td>\n<td>l<\/td>\n<\/tr>\n<tr>\n<td>m<\/td>\n<td>n<\/td>\n<td>o<\/td>\n<td>p<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr \/>\n<div class=\"row column-group-1\"><\/p>\n<div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4\"><\/p>\n<p>1. To insert your own table, make sure that the entire toolbar is showing (if it is not, click the <em>Toolbar Toggle<\/em> button on the right side of the toolbar) and then click the <em>Table<\/em> button.<\/p>\n<p>&nbsp;<\/p>\n<p>2. Select the <em>Insert table<\/em> option and then choose the size of the table. You can choose the table&#8217;s size by mousing over the grid until it is the correct size for the table that you need.<\/p>\n<p>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-8 col-lg-8\"><\/p>\n<p><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/11\/15001150\/Add-New-Table.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-411 size-medium\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/11\/15001150\/Add-New-Table-600x468.png\" alt=\"Add New Table\" width=\"600\" height=\"468\" srcset=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/11\/15001150\/Add-New-Table-600x468.png 600w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/11\/15001150\/Add-New-Table-500x390.png 500w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/11\/15001150\/Add-New-Table.png 796w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>\n<\/div>\n<p><\/div>\n<hr \/>\n<div class=\"row column-group-2\"><\/p>\n<div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4\"><\/p>\n<p>3. Once you have clicked on the size you want, the table will appear at your mouse cursor.<\/p>\n<p>The new table will appear small and compressed, but you can expand it by dragging the white boxes on the edges and the sides. 4. To begin adding content into your table, simply click the cell you want and begin typing.<\/p>\n<p>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-8 col-lg-8\"><\/p>\n<p><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/11\/15001149\/Table.png\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-412\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/11\/15001149\/Table.png\" alt=\"Table\" width=\"634\" height=\"284\" srcset=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/11\/15001149\/Table.png 634w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/11\/15001149\/Table-600x269.png 600w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/11\/15001149\/Table-500x224.png 500w\" sizes=\"(max-width: 634px) 100vw, 634px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>\n<\/div>\n<p><\/div>\n<hr \/>\n<div class=\"row column-group-3\"><\/p>\n<div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4\"><\/p>\n<p>5. While you have the table selected, you can also change table\u2019s properties by clicking on the <em>Table<\/em> button again, but this time select\u00a0<em>Table properties<\/em>:<\/p>\n<p>Here you can change the width and height of each cell, the space between each cell, the padding, the thickness of the border around the table, and the alignment of the table. \u00a0<\/p>\n<p>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-8 col-lg-8\"><\/p>\n<p><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/11\/15001147\/Table-Properties.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-413 size-medium\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/11\/15001147\/Table-Properties-600x233.png\" alt=\"Table Properties\" width=\"600\" height=\"233\" srcset=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/11\/15001147\/Table-Properties-600x233.png 600w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/11\/15001147\/Table-Properties-1024x397.png 1024w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/11\/15001147\/Table-Properties-500x194.png 500w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/11\/15001147\/Table-Properties.png 1170w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<\/div>\n<p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Tables<\/p>\n<p>&nbsp;<\/p>\n<p>Tables can be used to organize data into rows and columns. In WordPress they look similar to this:<\/p>\n<p>abcdefghijklmnop<\/p>\n<p><a href=\"https:\/\/artsci.case.edu\/documentation\/inserting-tables\/\" class=\"more-link\">Continue reading&#8230; <span class=\"screen-reader-text\">Inserting Tables<\/span><\/a><\/p>\n","protected":false},"author":19,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"spay_email":""},"_links":{"self":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages\/409"}],"collection":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/comments?post=409"}],"version-history":[{"count":5,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages\/409\/revisions"}],"predecessor-version":[{"id":716,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages\/409\/revisions\/716"}],"wp:attachment":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/media?parent=409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}