{"id":146,"date":"2013-10-06T18:23:40","date_gmt":"2013-10-06T18:23:40","guid":{"rendered":"http:\/\/netbiel.pl\/website\/fluidtwelve2\/?p=146"},"modified":"2013-10-06T18:23:40","modified_gmt":"2013-10-06T18:23:40","slug":"test-table-content","status":"publish","type":"post","link":"https:\/\/demo.rocksite.pro\/bootframe\/2013\/10\/06\/test-table-content\/","title":{"rendered":"Responsive Tables"},"content":{"rendered":"<p>\t\t\t\tTo make your table responsive just attach a class of <strong>.smartadapt-responsive-table<\/strong> and the CSS\/JS will do the rest.Create responsive tables by wrapping any .table in .table-responsive 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.<br \/>\n<!--more--><\/p>\n<pre>&lt;table class=\"smartadapt-responsive-table\"&gt;\n....\n&lt;\/table&gt;\n\n<\/pre>\n<table class=\"smartadapt-responsive-table\">\n<tbody>\n<tr>\n<th>Name<\/th>\n<th>Company<\/th>\n<th>Email<\/th>\n<th>City<\/th>\n<th>Region<\/th>\n<\/tr>\n<tr>\n<td>Wallace Craft<\/td>\n<td>Inceptos Hymenaeos Corporation<\/td>\n<td>Curabitur.massa.Vestibulum@vitaesodalesnisi.com<\/td>\n<td>Catanzaro<\/td>\n<td>Calabria<\/td>\n<\/tr>\n<tr>\n<td>Trevor Meadows<\/td>\n<td>Ipsum Primis In LLP<\/td>\n<td>dui@semconsequatnec.com<\/td>\n<td>Ancona<\/td>\n<td>MA<\/td>\n<\/tr>\n<tr>\n<td>Alden Bradford<\/td>\n<td>Sollicitudin Adipiscing Corp.<\/td>\n<td>elit@Maecenas.org<\/td>\n<td>Cambridge<\/td>\n<td>North Island<\/td>\n<\/tr>\n<tr>\n<td>Bert Stevenson<\/td>\n<td>Ut Nec Urna Associates<\/td>\n<td>rutrum.Fusce.dolor@aduiCras.org<\/td>\n<td>Cambridge Bay<\/td>\n<td>Nunavut<\/td>\n<\/tr>\n<tr>\n<td>Colorado Kelley<\/td>\n<td>Elementum Lorem Consulting<\/td>\n<td>eget.ipsum.Suspendisse@apurusDuis.net<\/td>\n<td>Fort McPherson<\/td>\n<td>Northwest Territories<\/td>\n<\/tr>\n<tr>\n<td>Jelani Cardenas<\/td>\n<td>Volutpat Nulla Facilisis Inc.<\/td>\n<td>vestibulum@aliquetmagna.org<\/td>\n<td>Rangiora<\/td>\n<td>South Island<\/td>\n<\/tr>\n<tr>\n<td>Allen Pace<\/td>\n<td>Cum Sociis Industries<\/td>\n<td>tincidunt@cursus.co.uk<\/td>\n<td>Aschaffenburg<\/td>\n<td>Bavaria<\/td>\n<\/tr>\n<tr>\n<td>Brody Melton<\/td>\n<td>Velit Pellentesque Ultricies Ltd<\/td>\n<td>sem.ut.dolor@velsapienimperdiet.co.uk<\/td>\n<td>Arviat<\/td>\n<td>Nunavut<\/td>\n<\/tr>\n<tr>\n<td>Griffith Pitts<\/td>\n<td>Eros Nec Ltd<\/td>\n<td>at.iaculis@sit.ca<\/td>\n<td>Benalla<\/td>\n<td>Victoria<\/td>\n<\/tr>\n<tr>\n<td>Travis Watkins<\/td>\n<td>Tincidunt Neque Institute<\/td>\n<td>rhoncus.Proin@ac.net<\/td>\n<td>Barranca<\/td>\n<td>Puntarenas<\/td>\n<\/tr>\n<tr>\n<td>August Waller<\/td>\n<td>Nunc Quis Arcu Company<\/td>\n<td>viverra@lacinia.ca<\/td>\n<td>Patarr\u00e1<\/td>\n<td>San Jos\u00e9<\/td>\n<\/tr>\n<tr>\n<td>Matthew Calderon<\/td>\n<td>Lectus Consulting<\/td>\n<td>Vestibulum.ut@varius.co.uk<\/td>\n<td>Blieskastel<\/td>\n<td>Saarland<\/td>\n<\/tr>\n<tr>\n<td>Abdul Mccoy<\/td>\n<td>Donec Tempus Lorem Associates<\/td>\n<td>vestibulum@mauris.com<\/td>\n<td>Donosti<\/td>\n<td>PV<\/td>\n<\/tr>\n<tr>\n<td>Christopher Mcgee<\/td>\n<td>Volutpat Associates<\/td>\n<td>vulputate@nibhPhasellusnulla.net<\/td>\n<td>Barranca<\/td>\n<td>Puntarenas<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>To make your table responsive just attach a class of .smartadapt-responsive-table and the CSS\/JS will do the rest.Create responsive tables by wrapping any .table in .table-responsive 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>\n","protected":false},"author":1,"featured_media":1773,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,1],"tags":[],"class_list":["post-146","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-home-1","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/demo.rocksite.pro\/bootframe\/wp-json\/wp\/v2\/posts\/146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.rocksite.pro\/bootframe\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/demo.rocksite.pro\/bootframe\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/demo.rocksite.pro\/bootframe\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.rocksite.pro\/bootframe\/wp-json\/wp\/v2\/comments?post=146"}],"version-history":[{"count":0,"href":"https:\/\/demo.rocksite.pro\/bootframe\/wp-json\/wp\/v2\/posts\/146\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/demo.rocksite.pro\/bootframe\/wp-json\/wp\/v2\/media\/1773"}],"wp:attachment":[{"href":"https:\/\/demo.rocksite.pro\/bootframe\/wp-json\/wp\/v2\/media?parent=146"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/demo.rocksite.pro\/bootframe\/wp-json\/wp\/v2\/categories?post=146"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/demo.rocksite.pro\/bootframe\/wp-json\/wp\/v2\/tags?post=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}