{"id":273,"date":"2015-02-25T15:35:14","date_gmt":"2015-02-25T15:35:14","guid":{"rendered":"http:\/\/petlovers.wp.themeforest.createit.pl\/bird\/?page_id=273"},"modified":"2020-03-25T20:28:38","modified_gmt":"2020-03-25T20:28:38","slug":"tables","status":"publish","type":"page","link":"https:\/\/petlovers.themeplayers.net\/bird\/tables\/","title":{"rendered":"Tables"},"content":{"rendered":"[vc_row][vc_column width=”1\/1″]
\r\n

Simple Table<\/h2>\r\n

Beautifuly styled<\/h3>\r\n <\/div>\r\n\r\n [\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″]\n\n\n\n\n\n\n\n
#<\/th>\nFirst Name<\/th>\nLast Name<\/th>\nUsername<\/th>\n<\/tr>\n<\/thead>\n
1<\/td>\nMark<\/td>\nOtto<\/td>\n@mdo<\/td>\n<\/tr>\n
2<\/td>\nJacob<\/td>\nThornton<\/td>\n@fat<\/td>\n<\/tr>\n
3<\/td>\nLarry<\/td>\nthe Bird<\/td>\n@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n[\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″]
\r\n

Hover rows table<\/h2>\r\n

Everybody wants some interaction<\/h3>\r\n <\/div>\r\n\r\n

Add .table-hover<\/code> to enable a hover state on table rows within a <tbody><\/code>.<\/p>[\/vc_column][\/vc_row][vc_row type=”default” shadow=”no” overlay=”no” height=”200″ parallax_ratio=”0.1″ video_type=”mp4″ scroll=”section” ct_u_color=”inherit” ct_u_padding=”ct-u-paddingTop20″][vc_column width=”1\/1″]\n\n\n\n\n\n\n\n
#<\/th>\nFirst Name<\/th>\nLast Name<\/th>\nUsername<\/th>\n<\/tr>\n<\/thead>\n
1<\/td>\nMark<\/td>\nOtto<\/td>\n@mdo<\/td>\n<\/tr>\n
2<\/td>\nJacob<\/td>\nThornton<\/td>\n@fat<\/td>\n<\/tr>\n
3<\/td>\nLarry the Bird<\/td>\n@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n[\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″]
\r\n

States table<\/h2>\r\n

Meaningful Colors<\/h3>\r\n <\/div>\r\n\r\n [\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″]\n\n\n\n\n\n\n\n\n\n\n\n\n\n
#<\/th>\nColumn heading<\/th>\nColumn heading<\/th>\nColumn heading<\/th>\n<\/tr>\n<\/thead>\n
1<\/td>\nColumn content<\/td>\nColumn content<\/td>\nColumn content<\/td>\n<\/tr>\n
2<\/td>\nColumn content<\/td>\nColumn content<\/td>\nColumn content<\/td>\n<\/tr>\n
3<\/td>\nColumn content<\/td>\nColumn content<\/td>\nColumn content<\/td>\n<\/tr>\n
4<\/td>\nColumn content<\/td>\nColumn content<\/td>\nColumn content<\/td>\n<\/tr>\n
5<\/td>\nColumn content<\/td>\nColumn content<\/td>\nColumn content<\/td>\n<\/tr>\n
6<\/td>\nColumn content<\/td>\nColumn content<\/td>\nColumn content<\/td>\n<\/tr>\n
7<\/td>\nColumn content<\/td>\nColumn content<\/td>\nColumn content<\/td>\n<\/tr>\n
8<\/td>\nColumn content<\/td>\nColumn content<\/td>\nColumn content<\/td>\n<\/tr>\n
9<\/td>\nColumn content<\/td>\nColumn content<\/td>\nColumn content<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n[\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″]
\r\n

Resposnive table<\/h2>\r\n

<\/h3>\r\n <\/div>\r\n\r\n

Create responsive tables by wrapping any .table<\/code> in .table-responsive<\/code> to make them scroll horizontally on small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.<\/p>[\/vc_column][\/vc_row][vc_row type=”default” shadow=”no” overlay=”no” height=”200″ parallax_ratio=”0.1″ video_type=”mp4″ scroll=”section” ct_u_color=”inherit” ct_u_padding=”ct-u-paddingTop20″][vc_column width=”1\/1″]\n\n\n\n\n\n\n\n
#<\/th>\nTable heading<\/th>\nTable heading<\/th>\nTable heading<\/th>\nTable heading<\/th>\nTable heading<\/th>\nTable heading<\/th>\n<\/tr>\n<\/thead>\n
1<\/td>\nTable cell<\/td>\nTable cell<\/td>\nTable cell<\/td>\nTable cell<\/td>\nTable cell<\/td>\nTable cell<\/td>\n<\/tr>\n
2<\/td>\nTable cell<\/td>\nTable cell<\/td>\nTable cell<\/td>\nTable cell<\/td>\nTable cell<\/td>\nTable cell<\/td>\n<\/tr>\n
3<\/td>\nTable cell<\/td>\nTable cell<\/td>\nTable cell<\/td>\nTable cell<\/td>\nTable cell<\/td>\nTable cell<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n[\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"

[vc_row][vc_column width=”1\/1″][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″][\/vc_column][\/vc_row][vc_row type=”default” shadow=”no” overlay=”no” height=”200″ parallax_ratio=”0.1″ video_type=”mp4″ scroll=”section” ct_u_color=”inherit” ct_u_padding=”ct-u-paddingTop20″][vc_column width=”1\/1″][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″][\/vc_column][\/vc_row][vc_row type=”default” shadow=”no” overlay=”no” height=”200″ parallax_ratio=”0.1″ video_type=”mp4″ scroll=”section” ct_u_color=”inherit” ct_u_padding=”ct-u-paddingTop20″][vc_column width=”1\/1″][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-273","page","type-page","status-publish","hentry"],"yoast_head":"\nPet Shop Lovers - WooCommerce Theme for Pet Shops<\/title>\n<meta name=\"description\" content=\"Pet Shop Lovers is Woo\/eCommerce Theme dedicated for pet shop owners, pet lovers and pets in general. It includes several variant for cats, dogs, reptiles, birds and fish.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/petlovers.themeplayers.net\/bird\/tables\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pet Shop Lovers - WooCommerce Theme for Pet Shops\" \/>\n<meta property=\"og:description\" content=\"Pet Shop Lovers is Woo\/eCommerce Theme dedicated for pet shop owners, pet lovers and pets in general. It includes several variant for cats, dogs, reptiles, birds and fish.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/petlovers.themeplayers.net\/bird\/tables\/\" \/>\n<meta property=\"og:site_name\" content=\"Bird Lovers - Woo\/eCommerce WP Theme\" \/>\n<meta property=\"article:modified_time\" content=\"2020-03-25T20:28:38+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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/petlovers.themeplayers.net\/bird\/tables\/\",\"url\":\"https:\/\/petlovers.themeplayers.net\/bird\/tables\/\",\"name\":\"Pet Shop Lovers - WooCommerce Theme for Pet Shops\",\"isPartOf\":{\"@id\":\"https:\/\/petlovers.themeplayers.net\/bird\/#website\"},\"datePublished\":\"2015-02-25T15:35:14+00:00\",\"dateModified\":\"2020-03-25T20:28:38+00:00\",\"description\":\"Pet Shop Lovers is Woo\/eCommerce Theme dedicated for pet shop owners, pet lovers and pets in general. It includes several variant for cats, dogs, reptiles, birds and fish.\",\"breadcrumb\":{\"@id\":\"https:\/\/petlovers.themeplayers.net\/bird\/tables\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/petlovers.themeplayers.net\/bird\/tables\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/petlovers.themeplayers.net\/bird\/tables\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/petlovers.themeplayers.net\/bird\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tables\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/petlovers.themeplayers.net\/bird\/#website\",\"url\":\"https:\/\/petlovers.themeplayers.net\/bird\/\",\"name\":\"Bird Lovers - Woo\/eCommerce WP Theme\",\"description\":\"pet shop theme, woocommerce, pets\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/petlovers.themeplayers.net\/bird\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pet Shop Lovers - WooCommerce Theme for Pet Shops","description":"Pet Shop Lovers is Woo\/eCommerce Theme dedicated for pet shop owners, pet lovers and pets in general. It includes several variant for cats, dogs, reptiles, birds and fish.","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:\/\/petlovers.themeplayers.net\/bird\/tables\/","og_locale":"en_US","og_type":"article","og_title":"Pet Shop Lovers - WooCommerce Theme for Pet Shops","og_description":"Pet Shop Lovers is Woo\/eCommerce Theme dedicated for pet shop owners, pet lovers and pets in general. It includes several variant for cats, dogs, reptiles, birds and fish.","og_url":"https:\/\/petlovers.themeplayers.net\/bird\/tables\/","og_site_name":"Bird Lovers - Woo\/eCommerce WP Theme","article_modified_time":"2020-03-25T20:28:38+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/petlovers.themeplayers.net\/bird\/tables\/","url":"https:\/\/petlovers.themeplayers.net\/bird\/tables\/","name":"Pet Shop Lovers - WooCommerce Theme for Pet Shops","isPartOf":{"@id":"https:\/\/petlovers.themeplayers.net\/bird\/#website"},"datePublished":"2015-02-25T15:35:14+00:00","dateModified":"2020-03-25T20:28:38+00:00","description":"Pet Shop Lovers is Woo\/eCommerce Theme dedicated for pet shop owners, pet lovers and pets in general. It includes several variant for cats, dogs, reptiles, birds and fish.","breadcrumb":{"@id":"https:\/\/petlovers.themeplayers.net\/bird\/tables\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/petlovers.themeplayers.net\/bird\/tables\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/petlovers.themeplayers.net\/bird\/tables\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/petlovers.themeplayers.net\/bird\/"},{"@type":"ListItem","position":2,"name":"Tables"}]},{"@type":"WebSite","@id":"https:\/\/petlovers.themeplayers.net\/bird\/#website","url":"https:\/\/petlovers.themeplayers.net\/bird\/","name":"Bird Lovers - Woo\/eCommerce WP Theme","description":"pet shop theme, woocommerce, pets","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/petlovers.themeplayers.net\/bird\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/petlovers.themeplayers.net\/bird\/wp-json\/wp\/v2\/pages\/273"}],"collection":[{"href":"https:\/\/petlovers.themeplayers.net\/bird\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/petlovers.themeplayers.net\/bird\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/petlovers.themeplayers.net\/bird\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/petlovers.themeplayers.net\/bird\/wp-json\/wp\/v2\/comments?post=273"}],"version-history":[{"count":3,"href":"https:\/\/petlovers.themeplayers.net\/bird\/wp-json\/wp\/v2\/pages\/273\/revisions"}],"predecessor-version":[{"id":806,"href":"https:\/\/petlovers.themeplayers.net\/bird\/wp-json\/wp\/v2\/pages\/273\/revisions\/806"}],"wp:attachment":[{"href":"https:\/\/petlovers.themeplayers.net\/bird\/wp-json\/wp\/v2\/media?parent=273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}