{"id":210,"date":"2017-08-11T22:36:12","date_gmt":"2017-08-11T20:36:12","guid":{"rendered":"http:\/\/e-merald.com\/themes\/annuity-wp\/?page_id=210"},"modified":"2017-08-12T12:48:32","modified_gmt":"2017-08-12T10:48:32","slug":"standard-tables","status":"publish","type":"page","link":"https:\/\/e-merald.com\/themes\/annuity-wp\/resources\/elements\/standard-tables\/","title":{"rendered":"Standard Tables"},"content":{"rendered":"\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-white-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-210-0\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"2\" ><div id=\"pgc-210-0-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-210-0-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child\" data-index=\"0\" >\n<p class=\"left-border-block lead-text-large text-black\">Default HTML tables are still a perfectly appropriate method for displaying tabular data on the web.<\/p>\n<p class=\"margin-bottom-50px\">These are default HTML tables for displaying tabular data on screens with different sizes, including small-screen mobile devices.<\/p>\n\n<\/div>\n<!-- end Text Block -->\n\n\n<!-- Standard Table: 4 columns -->\n<div id=\"panel-210-0-0-1\" class=\"so-panel widget widget_annuity-standard-table widget-standard-table\" data-index=\"1\" >\n<div class=\"standard-table-wrapper\">\n\t<table class=\"standard-table\">\n\t\t<caption>This is an optional table caption<\/caption>\n\t\t<tr>\n\t\t\t<th class=\"text-left\">Movie Title<\/th>\n\t\t\t<th class=\"text-left\">Genre<\/th>\n\t\t\t<th class=\"text-center\">Year<\/th>\n\t\t\t<th class=\"text-right\">Gross<\/th>\n\t\t<\/tr>\n\t\t<tr>\n\t\t\t<td class=\"text-left\">Star Wars<\/td>\n\t\t\t<td class=\"text-left\">Adventure, Sci-fi<\/td>\n\t\t\t<td class=\"text-center\">1977<\/td>\n\t\t\t<td class=\"text-right\">$460,935,665<\/td>\n\t\t<\/tr>\n\t\t<tr>\n\t\t\t<td class=\"text-left\">Howard The Duck<\/td>\n\t\t\t<td class=\"text-left\">Comedy<\/td>\n\t\t\t<td class=\"text-center\">1986<\/td>\n\t\t\t<td class=\"text-right\">$16,295,774<\/td>\n\t\t<\/tr>\n\t\t<tr>\n\t\t\t<td class=\"text-left\">American Graffiti<\/td>\n\t\t\t<td class=\"text-left\">Comedy, Drama<\/td>\n\t\t\t<td class=\"text-center\">1973<\/td>\n\t\t\t<td class=\"text-right\">$115,000,000<\/td>\n\t\t<\/tr>\n\t<\/table>\n<\/div>\n<\/div>\n<!-- end Standard Table -->\n\n\n<!-- Gap -->\n<div id=\"panel-210-0-0-2\" class=\"so-panel widget widget_annuity-divider widget-divider panel-last-child\" data-index=\"2\" >\n<div class=\"gap margin-bottom-10px\"><\/div>\n<\/div>\n<!-- end Gap -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-transparent-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-210-1\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"2\" ><div id=\"pgc-210-1-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Standard Table: 5 columns -->\n<div id=\"panel-210-1-0-0\" class=\"so-panel widget widget_annuity-standard-table widget-standard-table panel-first-child\" data-index=\"3\" >\n<div class=\"standard-table-wrapper\">\n\t<table class=\"standard-table first-col-bg dark-bg-header\">\n\t\t<caption>First column is used here as row labels<\/caption>\n\t\t<tr>\n\t\t\t<th class=\"text-center\">&nbsp;<\/th>\n\t\t\t<th class=\"text-center\">Free<\/th>\n\t\t\t<th class=\"text-center\">Basic<\/th>\n\t\t\t<th class=\"text-center\">Advanced<\/th>\n\t\t\t<th class=\"text-center\">Super<\/th>\n\t\t<\/tr>\n\t\t<tr>\n\t\t\t<td class=\"text-left\">Free Trial<\/td>\n\t\t\t<td class=\"text-center\">Totally Free<\/td>\n\t\t\t<td class=\"text-center\">30 days<\/td>\n\t\t\t<td class=\"text-center\">30 days<\/td>\n\t\t\t<td class=\"text-center\">30 days<\/td>\n\t\t<\/tr>\n\t\t<tr>\n\t\t\t<td class=\"text-left\">Max SKUs<\/td>\n\t\t\t<td class=\"text-center\">50<\/td>\n\t\t\t<td class=\"text-center\">500<\/td>\n\t\t\t<td class=\"text-center\">5000<\/td>\n\t\t\t<td class=\"text-center\">10000<\/td>\n\t\t<\/tr>\n\t\t<tr>\n\t\t\t<td class=\"text-left\">Statistics<\/td>\n\t\t\t<td class=\"text-center\"><i class=\"fa fa-check\" aria-hidden=\"false\"><\/i><\/td>\n\t\t\t<td class=\"text-center\"><i class=\"fa fa-check\" aria-hidden=\"false\"><\/i><\/td>\n\t\t\t<td class=\"text-center\"><i class=\"fa fa-check\" aria-hidden=\"false\"><\/i><\/td>\n\t\t\t<td class=\"text-center\"><i class=\"fa fa-check\" aria-hidden=\"false\"><\/i><\/td>\n\t\t<\/tr>\n\t\t<tr>\n\t\t\t<td class=\"text-left\">Multiple Languages<\/td>\n\t\t\t<td class=\"text-center\"><i class=\"fa fa-check\" aria-hidden=\"false\"><\/i><\/td>\n\t\t\t<td class=\"text-center\"><i class=\"fa fa-check\" aria-hidden=\"false\"><\/i><\/td>\n\t\t\t<td class=\"text-center\"><i class=\"fa fa-check\" aria-hidden=\"false\"><\/i><\/td>\n\t\t\t<td class=\"text-center\"><i class=\"fa fa-check\" aria-hidden=\"false\"><\/i><\/td>\n\t\t<\/tr>\n\t\t<tr>\n\t\t\t<td class=\"text-left\">Marketing Tools<\/td>\n\t\t\t<td class=\"text-center\">\u2014<\/td>\n\t\t\t<td class=\"text-center\"><i class=\"fa fa-check\" aria-hidden=\"false\"><\/i><\/td>\n\t\t\t<td class=\"text-center\"><i class=\"fa fa-check\" aria-hidden=\"false\"><\/i><\/td>\n\t\t\t<td class=\"text-center\"><i class=\"fa fa-check\" aria-hidden=\"false\"><\/i><\/td>\n\t\t<\/tr>\n\t\t<tr>\n\t\t\t<td class=\"text-left\">Multiple Fan page display<\/td>\n\t\t\t<td class=\"text-center\">\u2014<\/td>\n\t\t\t<td class=\"text-center\">\u2014<\/td>\n\t\t\t<td class=\"text-center\"><i class=\"fa fa-check\" aria-hidden=\"false\"><\/i><\/td>\n\t\t\t<td class=\"text-center\"><i class=\"fa fa-check\" aria-hidden=\"false\"><\/i><\/td>\n\t\t<\/tr>\n\t\t<tr>\n\t\t\t<td class=\"text-left\">Support<\/td>\n\t\t\t<td class=\"text-center\">Community support<\/td>\n\t\t\t<td class=\"text-center\">Community support<\/td>\n\t\t\t<td class=\"text-center\">Up to 24 Hours<\/td>\n\t\t\t<td class=\"text-center\">Immediate Support<\/td>\n\t\t<\/tr>\n\t\t<tr>\n\t\t\t<td class=\"text-left\">Price<\/td>\n\t\t\t<td class=\"text-center\">$0\/month<\/td>\n\t\t\t<td class=\"text-center\">$29\/month<\/td>\n\t\t\t<td class=\"text-center\">$49\/month<\/td>\n\t\t\t<td class=\"text-center\">$79\/month<\/td>\n\t\t<\/tr>\n\t<\/table>\n<\/div>\n<\/div>\n<!-- end Standard Table -->\n\n\n<!-- Gap -->\n<div id=\"panel-210-1-0-1\" class=\"so-panel widget widget_annuity-divider widget-divider\" data-index=\"4\" >\n<div class=\"gap margin-bottom-60px\"><\/div>\n<\/div>\n<!-- end Gap -->\n\n\n<!-- Standard Table: 6 columns -->\n<div id=\"panel-210-1-0-2\" class=\"so-panel widget widget_annuity-standard-table widget-standard-table panel-last-child\" data-index=\"5\" >\n<div class=\"standard-table-wrapper\">\n\t<table class=\"standard-table text-small\">\n\t\t<caption>Table with small text<\/caption>\n\t\t<tr>\n\t\t\t<th class=\"text-left\">Name<\/th>\n\t\t\t<th class=\"text-left\">Position<\/th>\n\t\t\t<th class=\"text-left\">Office<\/th>\n\t\t\t<th class=\"text-center\">Age<\/th>\n\t\t\t<th class=\"text-center\">Start date<\/th>\n\t\t\t<th class=\"text-right\">Salary<\/th>\n\t\t<\/tr>\n\t\t<tr>\n\t\t\t<td class=\"text-left\">Airi Satou<\/td>\n\t\t\t<td class=\"text-left\">Accountant<\/td>\n\t\t\t<td class=\"text-left\">Tokyo<\/td>\n\t\t\t<td class=\"text-center\">33<\/td>\n\t\t\t<td class=\"text-center\">2008\/11\/28<\/td>\n\t\t\t<td class=\"text-right\">$102,700<\/td>\n\t\t<\/tr>\n\t\t<tr>\n\t\t\t<td class=\"text-left\">Brenden Wagner<\/td>\n\t\t\t<td class=\"text-left\">Software Engineer<\/td>\n\t\t\t<td class=\"text-left\">San Francisco<\/td>\n\t\t\t<td class=\"text-center\">28<\/td>\n\t\t\t<td class=\"text-center\">2011\/06\/07<\/td>\n\t\t\t<td class=\"text-right\">$86,850<\/td>\n\t\t<\/tr>\n\t\t<tr>\n\t\t\t<td class=\"text-left\">Dai Rios<\/td>\n\t\t\t<td class=\"text-left\">Personnel Lead<\/td>\n\t\t\t<td class=\"text-left\">Edinburgh<\/td>\n\t\t\t<td class=\"text-center\">38<\/td>\n\t\t\t<td class=\"text-center\">2012\/09\/26<\/td>\n\t\t\t<td class=\"text-right\">$137,500<\/td>\n\t\t<\/tr>\n\t\t<tr>\n\t\t\t<td class=\"text-left\">Fiona Green<\/td>\n\t\t\t<td class=\"text-left\">Chief Operating Officer (COO)<\/td>\n\t\t\t<td class=\"text-left\">San Francisco<\/td>\n\t\t\t<td class=\"text-center\">48<\/td>\n\t\t\t<td class=\"text-center\">2010\/03\/11<\/td>\n\t\t\t<td class=\"text-right\">$450,000<\/td>\n\t\t<\/tr>\n\t\t<tr>\n\t\t\t<td class=\"text-left\">Hermione Butler<\/td>\n\t\t\t<td class=\"text-left\">Regional Director<\/td>\n\t\t\t<td class=\"text-left\">London<\/td>\n\t\t\t<td class=\"text-center\">47<\/td>\n\t\t\t<td class=\"text-center\">2011\/03\/21<\/td>\n\t\t\t<td class=\"text-right\">$226,250<\/td>\n\t\t<\/tr>\n\t\t<tr>\n\t\t\t<td class=\"text-left\">Hope Fuentes<\/td>\n\t\t\t<td class=\"text-left\">Secretary<\/td>\n\t\t\t<td class=\"text-left\">San Francisco<\/td>\n\t\t\t<td class=\"text-center\">41<\/td>\n\t\t\t<td class=\"text-center\">2010\/02\/12<\/td>\n\t\t\t<td class=\"text-right\">$99,850<\/td>\n\t\t<\/tr>\n\t\t<tr>\n\t\t\t<td class=\"text-left\">Michael Bruce<\/td>\n\t\t\t<td class=\"text-left\">Javascript Developer<\/td>\n\t\t\t<td class=\"text-left\">Singapore<\/td>\n\t\t\t<td class=\"text-center\">29<\/td>\n\t\t\t<td class=\"text-center\">2011\/06\/27<\/td>\n\t\t\t<td class=\"text-right\">$133,000<\/td>\n\t\t<\/tr>\n\t\t<tr class=\"footer-trim\">\n\t\t\t<td class=\"text-left\">Olivia Liang<\/td>\n\t\t\t<td class=\"text-left\">Support Engineer<\/td>\n\t\t\t<td class=\"text-left\">Singapore<\/td>\n\t\t\t<td class=\"text-center\">64<\/td>\n\t\t\t<td class=\"text-center\">2011\/02\/03<\/td>\n\t\t\t<td class=\"text-right\">$174,500<\/td>\n\t\t<\/tr>\n\t\t<tr class=\"footer no-links\">\n\t\t\t<td class=\"text-left\">Name<\/td>\n\t\t\t<td class=\"text-left\">Position<\/td>\n\t\t\t<td class=\"text-left\">Office<\/td>\n\t\t\t<td class=\"text-center\">Age<\/td>\n\t\t\t<td class=\"text-center\">Start date<\/td>\n\t\t\t<td class=\"text-right\">Salary<\/td>\n\t\t<\/tr>\n\t<\/table>\n<\/div>\n<\/div>\n<!-- end Standard Table -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n","protected":false},"excerpt":{"rendered":"<p>Default HTML tables are still a perfectly appropriate method for displaying tabular data on the web. These are default HTML tables for displaying tabular data on screens with different sizes, including small-screen mobile devices. This is an optional table caption [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":17,"parent":198,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/pages\/210"}],"collection":[{"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/comments?post=210"}],"version-history":[{"count":0,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/pages\/210\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/pages\/198"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/media\/17"}],"wp:attachment":[{"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/media?parent=210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}