{"id":2728,"date":"2017-05-08T12:21:28","date_gmt":"2017-05-08T12:21:28","guid":{"rendered":"http:\/\/demo.zozothemes.com\/epoint\/?page_id=2728"},"modified":"2017-05-08T12:21:28","modified_gmt":"2017-05-08T12:21:28","slug":"element-tables","status":"publish","type":"page","link":"https:\/\/demo.zozothemes.com\/epoint\/element-tables\/","title":{"rendered":"Element-Tables"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row center_row=&#8221;yes&#8221;][vc_column width=&#8221;1\/2&#8243;]<div class=\"zozo-parallax-header\"><div class=\"parallax-header content-style-default\"><h4 class=\"parallax-title text-left\">Default Table<\/h4><\/div><\/div>[vc_column_text]<\/p>\n<div class=\"table-responsive zozo-table\">\n<table class=\"table table-hover 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<\/td>\n<td>the Bird<\/td>\n<td>@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class=\"zozo-parallax-header\"><div class=\"parallax-header content-style-default\"><h4 class=\"parallax-title text-left\">Striped Table<\/h4><\/div><\/div>[vc_column_text]<\/p>\n<div class=\"table-responsive zozo-table\">\n<table class=\"table table-hover 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<\/td>\n<td>the Bird<\/td>\n<td>@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row parallax=&#8221;content-moving&#8221; parallax_image=&#8221;2731&#8243; center_row=&#8221;yes&#8221; typo_style=&#8221;light&#8221; css=&#8221;.vc_custom_1498043564213{padding-bottom: 55px !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;]<div class=\"zozo-parallax-header\"><div class=\"parallax-header content-style-default\"><h4 class=\"parallax-title text-left\">Bordered Rows<\/h4><\/div><\/div>[vc_column_text]<\/p>\n<table class=\"table table-bordered\">\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 rowspan=\"2\">1<\/td>\n<td>Mark<\/td>\n<td>Otto<\/td>\n<td>@mdo<\/td>\n<\/tr>\n<tr>\n<td>Mark<\/td>\n<td>Otto<\/td>\n<td>@TwBootstrap<\/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 colspan=\"2\">Larry the Bird<\/td>\n<td>@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class=\"zozo-parallax-header\"><div class=\"parallax-header content-style-default\"><h4 class=\"parallax-title text-left\">Hover Rows<\/h4><\/div><\/div>[vc_column_text]<\/p>\n<div class=\"table-responsive zozo-table\">\n<table class=\"table table-hover table-condensed\">\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<\/td>\n<td>the Bird<\/td>\n<td>@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row center_row=&#8221;yes&#8221;][vc_column width=&#8221;1\/2&#8243;]<div class=\"zozo-parallax-header\"><div class=\"parallax-header content-style-default\"><h4 class=\"parallax-title text-left\">Contextual Classes<\/h4><\/div><\/div>[vc_column_text]<\/p>\n<div class=\"table-responsive\">\n<table class=\"table table-bordered table-striped\">\n<colgroup>\n<col class=\"col-xs-1\" \/>\n<col class=\"col-xs-7\" \/> <\/colgroup>\n<thead>\n<tr>\n<th>Class<\/th>\n<th>Description<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><code>.active<\/code><\/td>\n<td>Applies the hover color to a particular row or cell<\/td>\n<\/tr>\n<tr>\n<td><code>.success<\/code><\/td>\n<td>Indicates a successful or positive action<\/td>\n<\/tr>\n<tr>\n<td><code>.info<\/code><\/td>\n<td>Indicates a neutral informative change or action<\/td>\n<\/tr>\n<tr>\n<td><code>.warning<\/code><\/td>\n<td>Indicates a warning that might need attention<\/td>\n<\/tr>\n<tr>\n<td><code>.danger<\/code><\/td>\n<td>Indicates a dangerous or potentially negative action<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class=\"zozo-parallax-header\"><div class=\"parallax-header content-style-default\"><h4 class=\"parallax-title text-left\">Contextual Table<\/h4><\/div><\/div>[vc_column_text css=&#8221;.vc_custom_1498043728439{margin-bottom: 0px !important;}&#8221;]<\/p>\n<table class=\"table\">\n<thead>\n<tr>\n<th>#<\/th>\n<th>Column heading<\/th>\n<th>Column heading<\/th>\n<th>Column heading<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr class=\"active\">\n<td>1<\/td>\n<td>Column content<\/td>\n<td>Column content<\/td>\n<td>Column content<\/td>\n<\/tr>\n<tr>\n<td>2<\/td>\n<td>Column content<\/td>\n<td>Column content<\/td>\n<td>Column content<\/td>\n<\/tr>\n<tr class=\"success\">\n<td>3<\/td>\n<td>Column content<\/td>\n<td>Column content<\/td>\n<td>Column content<\/td>\n<\/tr>\n<tr>\n<td>4<\/td>\n<td>Column content<\/td>\n<td>Column content<\/td>\n<td>Column content<\/td>\n<\/tr>\n<tr class=\"info\">\n<td>5<\/td>\n<td>Column content<\/td>\n<td>Column content<\/td>\n<td>Column content<\/td>\n<\/tr>\n<tr>\n<td>6<\/td>\n<td>Column content<\/td>\n<td>Column content<\/td>\n<td>Column content<\/td>\n<\/tr>\n<tr class=\"warning\">\n<td>7<\/td>\n<td>Column content<\/td>\n<td>Column content<\/td>\n<td>Column content<\/td>\n<\/tr>\n<tr>\n<td>8<\/td>\n<td>Column content<\/td>\n<td>Column content<\/td>\n<td>Column content<\/td>\n<\/tr>\n<tr class=\"danger\">\n<td>9<\/td>\n<td>Column content<\/td>\n<td>Column content<\/td>\n<td>Column content<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row bg_style=&#8221;light-wrapper&#8221; center_row=&#8221;yes&#8221; css=&#8221;.vc_custom_1498043714545{padding-top: 0px !important;}&#8221;][vc_column]<div class=\"zozo-parallax-header\"><div class=\"parallax-header content-style-default\"><h4 class=\"parallax-title text-left\">Table Responsive<\/h4><\/div><\/div>[vc_column_text]<\/p>\n<div class=\"table-responsive\">\n<table class=\"table\">\n<thead>\n<tr>\n<th>#<\/th>\n<th>Table heading<\/th>\n<th>Table heading<\/th>\n<th>Table heading<\/th>\n<th>Table heading<\/th>\n<th>Table heading<\/th>\n<th>Table heading<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>1<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<\/tr>\n<tr>\n<td>2<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<\/tr>\n<tr>\n<td>3<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<div class=\"table table-bordered table-responsive\">\n<table class=\"table\">\n<thead>\n<tr>\n<th>#<\/th>\n<th>Table heading<\/th>\n<th>Table heading<\/th>\n<th>Table heading<\/th>\n<th>Table heading<\/th>\n<th>Table heading<\/th>\n<th>Table heading<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>1<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<\/tr>\n<tr>\n<td>2<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<\/tr>\n<tr>\n<td>3<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<td>Table cell<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row center_row=&#8221;yes&#8221;][vc_column width=&#8221;1\/2&#8243;][vc_column_text] # First Name Last Name Username 1 Mark Otto @mdo 2 Jacob Thornton @fat 3 Larry the Bird @twitter [\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text] # First Name Last Name Username 1 Mark Otto @mdo 2 Jacob Thornton @fat 3 Larry the Bird @twitter [\/vc_column_text][\/vc_column][\/vc_row][vc_row parallax=&#8221;content-moving&#8221; parallax_image=&#8221;2731&#8243; center_row=&#8221;yes&#8221; typo_style=&#8221;light&#8221; css=&#8221;.vc_custom_1498043564213{padding-bottom: 55px !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;][vc_column_text] # First Name Last Name Username 1 Mark&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"footnotes":""},"class_list":["post-2728","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.zozothemes.com\/epoint\/wp-json\/wp\/v2\/pages\/2728","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.zozothemes.com\/epoint\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.zozothemes.com\/epoint\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.zozothemes.com\/epoint\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.zozothemes.com\/epoint\/wp-json\/wp\/v2\/comments?post=2728"}],"version-history":[{"count":0,"href":"https:\/\/demo.zozothemes.com\/epoint\/wp-json\/wp\/v2\/pages\/2728\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.zozothemes.com\/epoint\/wp-json\/wp\/v2\/media?parent=2728"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}