{"id":36826,"date":"2020-10-07T17:18:43","date_gmt":"2020-10-07T11:48:43","guid":{"rendered":"https:\/\/www.ultimatebeaver.com\/?post_type=docs&#038;p=36826"},"modified":"2020-10-07T17:24:59","modified_gmt":"2020-10-07T11:54:59","slug":"table-responsive-support","status":"publish","type":"docs","link":"https:\/\/www.ultimatebeaver.com\/docs\/table-responsive-support\/","title":{"rendered":"Table Responsive Support"},"content":{"rendered":"\n<p>We are introducing the responsive support for the Table module which will now let you display the Table as Stacked. This feature is introduced in <strong>Ultimate Addons for Beaver Builder version 1.28.7<\/strong> and above.<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video autoplay loop muted src=\"https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2020\/10\/uabb-stacked-layout-video.mp4\"><\/video><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How to Enable the New Responsive Layout Option for Stacked?<\/h3>\n\n\n\n<p>Let\u2019s see how to enable this responsive option in the Table module in Beaver Builder &#8211;<\/p>\n\n\n\n<p><strong>Note:<\/strong>\u00a0Before starting make sure you have Beaver Builder and Ultimate Addons for Beaver Builder plugins activated.<\/p>\n\n\n\n<p>Let&#8217;s see where you can find this option &#8211;<\/p>\n\n\n\n<p><strong>Step 1\u00a0<\/strong>\u2013 Edit page\/post with Beaver Builder and opt to add the module. Search and choose Table from the modules list.<\/p>\n\n\n\n<p><strong>Step 2:<\/strong> Make necessary data to the Table Content and Table Body.<\/p>\n\n\n\n<p><strong>Step 3:<\/strong> Go to the Features tab of the Table module. Now, under the Responsive section select Stacked. Now on the mobile responsive view, you will be able to view the Table as Stacked as shown in the initial video.<\/p>\n\n\n\n<div data-spectra-id=\"spectra-1585b18d-d02a-4ec6-a4c8-eab9b89de456\" class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2020\/10\/uabb-responsive-stacked-layout.png\" alt=\"Uabb Responsive Stacked Layout\" class=\"wp-image-36867\" width=\"433\" height=\"507\" title=\"Table Responsive Support\" srcset=\"https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2020\/10\/uabb-responsive-stacked-layout.png 577w, https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2020\/10\/uabb-responsive-stacked-layout-256x300.png 256w, https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2020\/10\/uabb-responsive-stacked-layout-341x400.png 341w\" sizes=\"(max-width: 433px) 100vw, 433px\" \/><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>We are introducing the responsive support for the Table module which will now let you [&hellip;]<\/p>\n","protected":false},"author":41,"featured_media":0,"template":"","meta":{"inline_featured_image":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_pfd_related_docs_manual":[],"pfd_doc_title":"","spectra_gs_classes":"","footnotes":""},"docs_category":[228],"docs_tag":[],"class_list":["post-36826","docs","type-docs","status-publish","hentry","docs_category-table"],"spectra_custom_meta":{"_uabb_version":["1.28.7"],"_edit_lock":["1602071703:41"],"_edit_last":["41"],"mashsb_timestamp":[""],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"stick-header-meta":["default"],"_yoast_wpseo_content_score":["90"],"_yoast_wpseo_primary_docs_category":["228"],"views":["5562"],"helpful":["1"],"unhelpful":["4"],"redirects":["2"],"rank_math_primary_docs_category":["228"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["53"],"rank_math_internal_links_processed":["1"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"52015421de6774367594edff522cdcc5\";s:6:\"images\";a:1:{i:0;i:36867;}}"],"_uag_page_assets":["a:9:{s:3:\"css\";s:5953:\".uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}\n.wp-block-uagb-advanced-heading h1,.wp-block-uagb-advanced-heading h2,.wp-block-uagb-advanced-heading h3,.wp-block-uagb-advanced-heading h4,.wp-block-uagb-advanced-heading h5,.wp-block-uagb-advanced-heading h6,.wp-block-uagb-advanced-heading p,.wp-block-uagb-advanced-heading div{word-break:break-word}.wp-block-uagb-advanced-heading .uagb-heading-text{margin:0}.wp-block-uagb-advanced-heading .uagb-desc-text{margin:0}.wp-block-uagb-advanced-heading .uagb-separator{font-size:0;border-top-style:solid;display:inline-block;margin:0 0 10px 0}.wp-block-uagb-advanced-heading .uagb-highlight{color:#f78a0c;border:0;transition:all 0.3s ease}.uag-highlight-toolbar{border-left:0;border-top:0;border-bottom:0;border-radius:0;border-right-color:#1e1e1e}.uag-highlight-toolbar .components-button{border-radius:0;outline:none}.uag-highlight-toolbar .components-button.is-primary{color:#fff}\n.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-heading-text{color: var(--ast-global-color-1);}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading {text-align: left;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd .uagb-heading-text{font-family: \"Poppins\";font-weight: 600;font-size: 14px;line-height: 1.2em;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-heading-text{color: var(--ast-global-color-1);}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading {text-align: left;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd .uagb-heading-text{font-family: \"Poppins\";font-weight: 600;font-size: 14px;line-height: 1.2em;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-heading-text{color: var(--ast-global-color-1);}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading {text-align: left;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd .uagb-heading-text{font-family: \"Poppins\";font-weight: 600;font-size: 14px;line-height: 1.2em;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-heading-text{color: var(--ast-global-color-1);}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading {text-align: left;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd .uagb-heading-text{font-family: \"Poppins\";font-weight: 600;font-size: 14px;line-height: 1.2em;}\";s:2:\"js\";s:0:\"\";s:18:\"current_block_list\";a:5:{i:0;s:14:\"core\/paragraph\";i:1;s:10:\"core\/video\";i:2;s:12:\"core\/heading\";i:3;s:10:\"core\/image\";i:4;s:21:\"uagb\/advanced-heading\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1777616886\";s:6:\"gfonts\";a:1:{s:7:\"Poppins\";a:2:{s:10:\"fontfamily\";s:7:\"Poppins\";s:12:\"fontvariants\";a:1:{i:0;s:3:\"600\";}}}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"rest-api-thumbnails":false},"uagb_author_info":{"display_name":"Suman","author_link":"https:\/\/www.ultimatebeaver.com\/author\/suman\/"},"uagb_comment_info":0,"uagb_excerpt":"We are introducing the responsive support for the Table module which will now let you [&hellip;]","_links":{"self":[{"href":"https:\/\/www.ultimatebeaver.com\/wp-json\/wp\/v2\/docs\/36826","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ultimatebeaver.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.ultimatebeaver.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.ultimatebeaver.com\/wp-json\/wp\/v2\/users\/41"}],"version-history":[{"count":7,"href":"https:\/\/www.ultimatebeaver.com\/wp-json\/wp\/v2\/docs\/36826\/revisions"}],"predecessor-version":[{"id":36876,"href":"https:\/\/www.ultimatebeaver.com\/wp-json\/wp\/v2\/docs\/36826\/revisions\/36876"}],"wp:attachment":[{"href":"https:\/\/www.ultimatebeaver.com\/wp-json\/wp\/v2\/media?parent=36826"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/www.ultimatebeaver.com\/wp-json\/wp\/v2\/docs_category?post=36826"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/www.ultimatebeaver.com\/wp-json\/wp\/v2\/docs_tag?post=36826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}