{"id":717,"date":"2021-02-08T19:12:26","date_gmt":"2021-02-08T19:12:26","guid":{"rendered":"http:\/\/ariyah.webdesignengine.com\/clean\/?page_id=717"},"modified":"2021-02-19T15:28:18","modified_gmt":"2021-02-19T15:28:18","slug":"tables","status":"publish","type":"page","link":"https:\/\/ariyah.webdesignengine.com\/clean\/tables\/","title":{"rendered":"Tables"},"content":{"rendered":"\n<p>Use tables to display and organize data. Choose between several different style options to fit your needs. Note: Add the text &#8220;table&#8221; to &#8220;Additional CSS class(es)&#8221; under Advanced settings for the table block to show styling. <\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Table with lines<\/h2>\n\n\n\n<figure class=\"wp-block-table is-style-regular table\"><table><thead><tr><th>Column Header 1<\/th><th>Column Header 2<\/th><th>Column Header 3<\/th><th>Column Header 4<\/th><\/tr><\/thead><tbody><tr><td>Row 1<\/td><td>Data Column 2<\/td><td>Data Column 3<\/td><td>Data Column 4<\/td><\/tr><tr><td>Row 2<\/td><td>Data Column 2<\/td><td>Data Column 3<\/td><td>Data Column 4<\/td><\/tr><tr><td>Row 3<\/td><td>Data Column 2<\/td><td>Data Column 3<\/td><td>Data Column 4<\/td><\/tr><tr><td>Row 4<\/td><td>Data Column 2<\/td><td>Data Column 3<\/td><td>Data Column 4<\/td><\/tr><tr><td>Row 5<\/td><td>Data Column 2<\/td><td>Data Column 3<\/td><td>Data Column 4<\/td><\/tr><tr><td>Row 6<\/td><td>Data Column 2<\/td><td>Data Column 3<\/td><td>Data Column 4<\/td><\/tr><tr><td>Row 7<\/td><td>Data Column 2<\/td><td>Data Column 3<\/td><td>Data Column 4<\/td><\/tr><\/tbody><tfoot><tr><td>Footer 1<\/td><td>Footer 2<\/td><td>Footer 3<\/td><td>Footer 4<\/td><\/tr><\/tfoot><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Table with Stripes<\/h2>\n\n\n\n<figure class=\"wp-block-table is-style-stripes table\"><table><thead><tr><th class=\"has-text-align-center\" data-align=\"center\">Column Header 1<\/th><th class=\"has-text-align-center\" data-align=\"center\">Column Header 2<\/th><th class=\"has-text-align-center\" data-align=\"center\">Column Header 3<\/th><th class=\"has-text-align-center\" data-align=\"center\">Column Header 4<\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\">Row 1<\/td><td class=\"has-text-align-center\" data-align=\"center\">Data Column 2<\/td><td class=\"has-text-align-center\" data-align=\"center\">Data Column 3<\/td><td class=\"has-text-align-center\" data-align=\"center\">Data Column 4<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Row 2<\/td><td class=\"has-text-align-center\" data-align=\"center\">Data Column 2<\/td><td class=\"has-text-align-center\" data-align=\"center\">Data Column 3<\/td><td class=\"has-text-align-center\" data-align=\"center\">Data Column 4<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Row 3<\/td><td class=\"has-text-align-center\" data-align=\"center\">Data Column 2<\/td><td class=\"has-text-align-center\" data-align=\"center\">Data Column 3<\/td><td class=\"has-text-align-center\" data-align=\"center\">Data Column 4<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Row 4<\/td><td class=\"has-text-align-center\" data-align=\"center\">Data Column 2<\/td><td class=\"has-text-align-center\" data-align=\"center\">Data Column 3<\/td><td class=\"has-text-align-center\" data-align=\"center\">Data Column 4<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Row 5<\/td><td class=\"has-text-align-center\" data-align=\"center\">Data Column 2<\/td><td class=\"has-text-align-center\" data-align=\"center\">Data Column 3<\/td><td class=\"has-text-align-center\" data-align=\"center\">Data Column 4<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Row 6<\/td><td class=\"has-text-align-center\" data-align=\"center\">Data Column 2<\/td><td class=\"has-text-align-center\" data-align=\"center\">Data Column 3<\/td><td class=\"has-text-align-center\" data-align=\"center\">Data Column 4<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Row 7<\/td><td class=\"has-text-align-center\" data-align=\"center\">Data Column 2<\/td><td class=\"has-text-align-center\" data-align=\"center\">Data Column 3<\/td><td class=\"has-text-align-center\" data-align=\"center\">Data Column 4<\/td><\/tr><\/tbody><tfoot><tr><td class=\"has-text-align-center\" data-align=\"center\">Footer<\/td><td class=\"has-text-align-center\" data-align=\"center\"><\/td><td class=\"has-text-align-center\" data-align=\"center\"><\/td><td class=\"has-text-align-center\" data-align=\"center\"><\/td><\/tr><\/tfoot><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Table with No Styling<\/h2>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table><thead><tr><th>Column Header 1<\/th><th>Column Header 2<\/th><th>Column Header 3<\/th><th>Column Header 4<\/th><\/tr><\/thead><tbody><tr><td>Row 1<\/td><td>Data Column 2<\/td><td>Data Column 3<\/td><td>Data Column 4<\/td><\/tr><tr><td>Row 2<\/td><td>Data Column 2<\/td><td>Data Column 3<\/td><td>Data Column 4<\/td><\/tr><tr><td>Row 3<\/td><td>Data Column 2<\/td><td>Data Column 3<\/td><td>Data Column 4<\/td><\/tr><tr><td>Row 4<\/td><td>Data Column 2<\/td><td>Data Column 3<\/td><td>Data Column 4<\/td><\/tr><tr><td>Row 5<\/td><td>Data Column 2<\/td><td>Data Column 3<\/td><td>Data Column 4<\/td><\/tr><tr><td>Row 6<\/td><td>Data Column 2<\/td><td>Data Column 3<\/td><td>Data Column 4<\/td><\/tr><tr><td>Row 7<\/td><td>Data Column 2<\/td><td>Data Column 3<\/td><td>Data Column 4<\/td><\/tr><\/tbody><tfoot><tr><td>Footer 1<\/td><td>Footer 2<\/td><td>Footer 3<\/td><td>Footer 4<\/td><\/tr><\/tfoot><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Getwid Table with advanced options and Styling<\/h2>\n\n\n\n<div class=\"wp-block-getwid-table table\"><table class=\"has-background\" style=\"background-color:#fafafa\"><thead><tr><th style=\"border-bottom-color:#000000;border-bottom-width:4px;padding-left:5px\">Column Header 1<\/th><th style=\"border-bottom-color:#000000;border-bottom-width:4px\">Column Header 2<\/th><th style=\"border-bottom-color:#000000;border-bottom-width:4px\">Column Header 3<\/th><th style=\"border-bottom-color:#000000;border-bottom-width:4px\">Column Header 4<\/th><th style=\"border-bottom-color:#000000;border-bottom-width:4px\">Column Header 5<\/th><\/tr><\/thead><tbody><tr><td>Row 1<\/td><td>Data Column 2<\/td><td>Data Column 3<\/td><td style=\"text-align:left\">Data Column 4<\/td><td>Data Column 5<\/td><\/tr><tr><td>Row 2<\/td><td>Data Column 2<\/td><td>Data Column 3<\/td><td>Data Column 4<\/td><td>Data Column 5<\/td><\/tr><tr><td>Row 3<\/td><td>Data Column 2<\/td><td>Data Column 3<\/td><td>Data Column 4<\/td><td>Data Column 5<\/td><\/tr><tr><td>Row 4<\/td><td>Data Column 2<\/td><td>Data Column 3<\/td><td>Data Column 4<\/td><td>Data Column 5<\/td><\/tr><tr><td>Row 5<\/td><td>Data Column 2<\/td><td>Data Column 3<\/td><td>Data Column 4<\/td><td>Data Column 5<\/td><\/tr><\/tbody><tfoot><tr><td>Footer<\/td><td>Data Column 2<\/td><td>Data Column 3<\/td><td>Data Column 4<\/td><td>Data Column 5<\/td><\/tr><\/tfoot><\/table><\/div>\n\n\n\n<div style=\"height:78px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Use tables to display and organize data. Choose between several different style options to fit your needs. Note: Add the text &#8220;table&#8221; to &#8220;Additional CSS class(es)&#8221; under Advanced settings for<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"nohero_template.php","meta":{"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tables - CLEAN &amp; SIMPLE<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ariyah.webdesignengine.com\/clean\/tables\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tables - CLEAN &amp; SIMPLE\" \/>\n<meta property=\"og:description\" content=\"Use tables to display and organize data. Choose between several different style options to fit your needs. Note: Add the text &#8220;table&#8221; to &#8220;Additional CSS class(es)&#8221; under Advanced settings for\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ariyah.webdesignengine.com\/clean\/tables\/\" \/>\n<meta property=\"og:site_name\" content=\"CLEAN &amp; SIMPLE\" \/>\n<meta property=\"article:modified_time\" content=\"2021-02-19T15:28:18+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ariyah.webdesignengine.com\/clean\/tables\/\",\"url\":\"https:\/\/ariyah.webdesignengine.com\/clean\/tables\/\",\"name\":\"Tables - CLEAN &amp; SIMPLE\",\"isPartOf\":{\"@id\":\"https:\/\/ariyah.webdesignengine.com\/clean\/#website\"},\"datePublished\":\"2021-02-08T19:12:26+00:00\",\"dateModified\":\"2021-02-19T15:28:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ariyah.webdesignengine.com\/clean\/tables\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ariyah.webdesignengine.com\/clean\/tables\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ariyah.webdesignengine.com\/clean\/tables\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ariyah.webdesignengine.com\/clean\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tables\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ariyah.webdesignengine.com\/clean\/#website\",\"url\":\"https:\/\/ariyah.webdesignengine.com\/clean\/\",\"name\":\"CLEAN &amp; SIMPLE\",\"description\":\"find your greatness\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ariyah.webdesignengine.com\/clean\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tables - CLEAN &amp; SIMPLE","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ariyah.webdesignengine.com\/clean\/tables\/","og_locale":"en_US","og_type":"article","og_title":"Tables - CLEAN &amp; SIMPLE","og_description":"Use tables to display and organize data. Choose between several different style options to fit your needs. Note: Add the text &#8220;table&#8221; to &#8220;Additional CSS class(es)&#8221; under Advanced settings for","og_url":"https:\/\/ariyah.webdesignengine.com\/clean\/tables\/","og_site_name":"CLEAN &amp; SIMPLE","article_modified_time":"2021-02-19T15:28:18+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ariyah.webdesignengine.com\/clean\/tables\/","url":"https:\/\/ariyah.webdesignengine.com\/clean\/tables\/","name":"Tables - CLEAN &amp; SIMPLE","isPartOf":{"@id":"https:\/\/ariyah.webdesignengine.com\/clean\/#website"},"datePublished":"2021-02-08T19:12:26+00:00","dateModified":"2021-02-19T15:28:18+00:00","breadcrumb":{"@id":"https:\/\/ariyah.webdesignengine.com\/clean\/tables\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ariyah.webdesignengine.com\/clean\/tables\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ariyah.webdesignengine.com\/clean\/tables\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ariyah.webdesignengine.com\/clean\/"},{"@type":"ListItem","position":2,"name":"Tables"}]},{"@type":"WebSite","@id":"https:\/\/ariyah.webdesignengine.com\/clean\/#website","url":"https:\/\/ariyah.webdesignengine.com\/clean\/","name":"CLEAN &amp; SIMPLE","description":"find your greatness","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ariyah.webdesignengine.com\/clean\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/ariyah.webdesignengine.com\/clean\/wp-json\/wp\/v2\/pages\/717"}],"collection":[{"href":"https:\/\/ariyah.webdesignengine.com\/clean\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ariyah.webdesignengine.com\/clean\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ariyah.webdesignengine.com\/clean\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ariyah.webdesignengine.com\/clean\/wp-json\/wp\/v2\/comments?post=717"}],"version-history":[{"count":30,"href":"https:\/\/ariyah.webdesignengine.com\/clean\/wp-json\/wp\/v2\/pages\/717\/revisions"}],"predecessor-version":[{"id":1136,"href":"https:\/\/ariyah.webdesignengine.com\/clean\/wp-json\/wp\/v2\/pages\/717\/revisions\/1136"}],"wp:attachment":[{"href":"https:\/\/ariyah.webdesignengine.com\/clean\/wp-json\/wp\/v2\/media?parent=717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}