{"id":208,"date":"2014-09-30T07:33:33","date_gmt":"2014-09-30T07:33:33","guid":{"rendered":"http:\/\/acowhite.uk\/index.php\/elements-tables\/"},"modified":"2014-09-30T07:33:33","modified_gmt":"2014-09-30T07:33:33","slug":"elements-tables","status":"publish","type":"page","link":"https:\/\/acowhite.uk\/index.php\/elements-tables\/","title":{"rendered":"Elements &#8211; Tables"},"content":{"rendered":"<section class=\"section  text-normal section-text-no-shadow section-inner-no-shadow section-normal section-opaque\"  >\n    \n    <div class=\"background-overlay grid-overlay-0 \" style=\"background-color: rgba(0,0,0,0);\"><\/div>\n\n    <div class=\"container container-vertical-default\">\n        <div class=\"row vertical-default\">\n            <div class=\"col-md-2     text-default small-screen-default\"  ><\/div><div class=\"col-md-8     text-default small-screen-default\"  ><h2 class=\"text-center  element-top-70 element-bottom-20 text-normal os-animation big light\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0s\" >\n    Normal Table<\/h2><div class=\"col-text-1 text-normal  element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0s\">\n    <br \/>\n<table class=\"table\">\n<thead>\n<tr>\n<th>#<\/th>\n<th>First Name<\/th>\n<th>Last Name<\/th>\n<th>Username<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>1<\/td>\n<td>Mark<\/td>\n<td>Otto<\/td>\n<td>@mdo<\/td>\n<\/tr>\n<tr>\n<td>2<\/td>\n<td>Jacob<\/td>\n<td>Thornton<\/td>\n<td>@fat<\/td>\n<\/tr>\n<tr>\n<td>3<\/td>\n<td>Larry the Bird<\/td>\n<td>Mary<\/td>\n<td>@twitter<\/td>\n<\/tr>\n<tr>\n<td>4<\/td>\n<td>Mark<\/td>\n<td>Otto<\/td>\n<td>@mdo<\/td>\n<\/tr>\n<tr>\n<td>5<\/td>\n<td>Jacob<\/td>\n<td>Thornton<\/td>\n<td>@fat<\/td>\n<\/tr>\n<tr>\n<td>6<\/td>\n<td>Larry the Bird<\/td>\n<td>Mary<\/td>\n<td>@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h2 class=\"text-center  element-top-70 element-bottom-20 text-normal os-animation big light\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0s\" >\n    Hover effect Table<\/h2><div class=\"col-text-1 text-normal  element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0s\">\n    <br \/>\n<table class=\"table table-hover\">\n<thead>\n<tr>\n<th>#<\/th>\n<th>First Name<\/th>\n<th>Last Name<\/th>\n<th>Username<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>1<\/td>\n<td>Mark<\/td>\n<td>Otto<\/td>\n<td>@mdo<\/td>\n<\/tr>\n<tr>\n<td>2<\/td>\n<td>Jacob<\/td>\n<td>Thornton<\/td>\n<td>@fat<\/td>\n<\/tr>\n<tr>\n<td>3<\/td>\n<td>Larry the Bird<\/td>\n<td>Mary<\/td>\n<td>@twitter<\/td>\n<\/tr>\n<tr>\n<td>4<\/td>\n<td>Mark<\/td>\n<td>Otto<\/td>\n<td>@mdo<\/td>\n<\/tr>\n<tr>\n<td>5<\/td>\n<td>Jacob<\/td>\n<td>Thornton<\/td>\n<td>@fat<\/td>\n<\/tr>\n<tr>\n<td>6<\/td>\n<td>Larry the Bird<\/td>\n<td>Mary<\/td>\n<td>@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h2 class=\"text-center  element-top-70 element-bottom-20 text-normal os-animation big light\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0s\" >\n    Striped Table<\/h2><div class=\"col-text-1 text-normal  element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0s\">\n    <br \/>\n<table class=\"table table-striped\">\n<thead>\n<tr>\n<th>#<\/th>\n<th>First Name<\/th>\n<th>Last Name<\/th>\n<th>Username<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>1<\/td>\n<td>Mark<\/td>\n<td>Otto<\/td>\n<td>@mdo<\/td>\n<\/tr>\n<tr>\n<td>2<\/td>\n<td>Jacob<\/td>\n<td>Thornton<\/td>\n<td>@fat<\/td>\n<\/tr>\n<tr>\n<td>3<\/td>\n<td>Larry the Bird<\/td>\n<td>Mary<\/td>\n<td>@twitter<\/td>\n<\/tr>\n<tr>\n<td>4<\/td>\n<td>Mark<\/td>\n<td>Otto<\/td>\n<td>@mdo<\/td>\n<\/tr>\n<tr>\n<td>5<\/td>\n<td>Jacob<\/td>\n<td>Thornton<\/td>\n<td>@fat<\/td>\n<\/tr>\n<tr>\n<td>6<\/td>\n<td>Larry the Bird<\/td>\n<td>Mary<\/td>\n<td>@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h2 class=\"text-center  element-top-70 element-bottom-20 text-normal os-animation big light\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0s\" >\n    Contextual Rows<\/h2><div class=\"col-text-1 text-normal  element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0s\">\n    <br \/>\n<table class=\"table\">\n<thead>\n<tr>\n<th>#<\/th>\n<th>Product<\/th>\n<th>Payment Taken<\/th>\n<th>Status<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr class=\"success\">\n<td>1<\/td>\n<td>TB &#8211; Monthly<\/td>\n<td>01\/04\/2012<\/td>\n<td>Approved<\/td>\n<\/tr>\n<tr class=\"error\">\n<td>2<\/td>\n<td>TB &#8211; Monthly<\/td>\n<td>02\/04\/2012<\/td>\n<td>Declined<\/td>\n<\/tr>\n<tr class=\"warning\">\n<td>3<\/td>\n<td>TB &#8211; Monthly<\/td>\n<td>03\/04\/2012<\/td>\n<td>Pending<\/td>\n<\/tr>\n<tr class=\"info\">\n<td>4<\/td>\n<td>TB &#8211; Monthly<\/td>\n<td>04\/04\/2012<\/td>\n<td>Call in to confirm<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h3 class=\"text-center  element-top-50 element-bottom-100 text-normal os-animation normal light\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0s\" >\n    Lambda uses standard markup for tables as described in bootstrap&#8217;s website.<\/h3><\/div><div class=\"col-md-2     text-default small-screen-default\"  ><\/div>        <\/div>\n    <\/div>\n<\/section>\n\n","protected":false},"excerpt":{"rendered":"Normal Table # First Name Last Name Username 1 Mark Otto @mdo 2 Jacob Thornton @fat 3 Larry the Bird Mary @twitter 4 Mark Otto @mdo 5 Jacob Thornton @fat 6 Larry the Bird Mary @twitter Hover effect Table # First Name Last Name Username 1 Mark Otto @mdo 2 Jacob Thornton @fat 3 Larry","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/pages\/208"}],"collection":[{"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/comments?post=208"}],"version-history":[{"count":0,"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/pages\/208\/revisions"}],"wp:attachment":[{"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/media?parent=208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}