{"id":3327,"date":"2020-12-17T01:15:29","date_gmt":"2020-12-17T01:15:29","guid":{"rendered":"https:\/\/wptablebuilder.com\/?p=3327"},"modified":"2020-12-17T01:16:03","modified_gmt":"2020-12-17T01:16:03","slug":"wp-table-builder-1-3-3-sticky-header-column-row-color-and-more","status":"publish","type":"post","link":"https:\/\/wptablebuilder.com\/it\/wp-table-builder-1-3-3-sticky-header-column-row-color-and-more\/","title":{"rendered":"WP Table Builder 1.3.3 &#8211; Sticky Header, Column\/Row Color, and more"},"content":{"rendered":"<p class=\"wp-block-paragraph\">We have just released an update of WP Table Builder, version 1.3.3. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This version comes with improvements, bug fixes, and some new additions. Before going into details, please check out the changelog at a glance below.<\/p>\n\n\n<div class=\"wp-block-wptb-table-block\"><div class=\"wptb-container-legacy\" data-table-id=\"3330\">\n    <table class=\"wptb-preview-table wptb-element-main-table_setting-3330\" data-reconstraction=\"0\" style=\"border: 0px solid rgb(204, 204, 204);\" data-wptb-table-tds-sum-max-width=\"248\" data-wptb-cells-width-auto-count=\"1\" data-wptb-table-directives=\"eyJpbm5lckJvcmRlcnMiOnsiYWN0aXZlIjoiYWxsIiwiYm9yZGVyV2lkdGgiOiIxIiwiYm9yZGVyUmFkaXVzZXMiOnsiYWxsIjpudWxsfX19\" role=\"table\" data-wptb-header-background-color=\"\" data-wptb-even-row-background-color=\"#ffffff\" data-wptb-odd-row-background-color=\"\" data-wptb-fixed-width-size=\"116.5\" data-table-columns=\"2\" data-wptb-apply-table-container-max-width=\"1\" data-wptb-table-container-max-width=\"1040\" data-wptb-horizontal-scroll-status=\"false\" data-wptb-extra-styles=\"LyogRW50ZXIgeW91ciBjdXN0b20gQ1NTIHJ1bGVzIGhlcmUgKi8=\" data-wptb-first-column-sticky=\"false\" data-wptb-prebuilt-table=\"1\" wptb-table-version=\"1.4.8\"><tbody><tr class=\"wptb-row\" data-wptb-bg-color=\"#EEEEEE\" style=\"background-color: rgb(238, 238, 238);\"><td class=\"wptb-cell\" style=\"border: 1px none rgb(204, 204, 204); background-color: rgb(30, 115, 190);\" data-x-index=\"0\" data-y-index=\"0\" data-wptb-row-bg-color=\"\" data-wptb-column-bg-color=\"\" data-wptb-own-bg-color=\"rgb(30, 115, 190)\" colspan=\"2\" rowspan=\"1\" data-wptb-css-td-auto-width=\"true\" data-wptb-fixed-width=\"85\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-62\" style=\"padding: 0px; margin: 0px; color: rgb(255, 255, 255); font-size: 20px;\"><div class=\"\" style=\"position: relative;\"><p style=\"text-align: left;\"><strong>WP Table Builder &#8211; 1.3.3<\/strong><\/p><\/div><\/div><\/td><\/tr><tr class=\"wptb-row\" data-wptb-bg-color=\"#d7ffbf\" style=\"background-color: rgb(215, 255, 191);\"><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204); width: 85px; background-color: rgb(221, 242, 255);\" data-x-index=\"0\" data-y-index=\"1\" data-wptb-row-bg-color=\"#d7ffbf\" data-wptb-column-bg-color=\"#ddf2ff\" data-wptb-own-bg-color=\"rgb(221, 242, 255)\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-40\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>PRO: NEW<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204);\" data-x-index=\"1\" data-y-index=\"1\" data-wptb-css-td-auto-width=\"true\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-41\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>Option to make top row (header) sticky.<\/p><\/div><\/div><\/td><\/tr><tr class=\"wptb-row\" data-wptb-bg-color=\"#d7ffbf\" style=\"background-color: rgb(215, 255, 191);\"><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204); width: 85px; background-color: rgb(221, 242, 255);\" data-x-index=\"0\" data-y-index=\"2\" data-wptb-row-bg-color=\"\" data-wptb-column-bg-color=\"\" data-wptb-own-bg-color=\"rgb(221, 242, 255)\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-38\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>PRO: NEW<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204);\" data-x-index=\"1\" data-y-index=\"2\" data-wptb-css-td-auto-width=\"true\" data-wptb-row-bg-color=\"#d7ffbf\" data-wptb-column-bg-color=\"\" data-wptb-own-bg-color=\"\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-39\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>Option to set individual column\/row color.<\/p><\/div><\/div><\/td><\/tr><tr class=\"wptb-row\" data-wptb-bg-color=\"#d7ffbf\" style=\"background-color: rgb(215, 255, 191);\"><td class=\"wptb-cell\" data-y-index=\"3\" data-x-index=\"0\" style=\"border: 1px solid rgb(204, 204, 204); width: 85px; background-color: rgb(221, 242, 255);\" data-wptb-row-bg-color=\"#d7ffbf\" data-wptb-column-bg-color=\"\" data-wptb-own-bg-color=\"rgb(221, 242, 255)\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-36\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>PRO: FIX<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204);\" data-x-index=\"1\" data-y-index=\"3\" data-wptb-css-td-auto-width=\"true\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-37\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>Border radius issue.<\/p><\/div><\/div><\/td><\/tr><tr class=\"wptb-row\" data-wptb-bg-color=\"#FCFCFC\" style=\"background-color: rgb(252, 252, 252);\"><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204); width: 85px; background-color: rgb(221, 242, 255);\" data-x-index=\"0\" data-y-index=\"4\" data-wptb-row-bg-color=\"\" data-wptb-column-bg-color=\"\" data-wptb-own-bg-color=\"rgb(221, 242, 255)\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-60\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>NEW<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204);\" data-x-index=\"1\" data-y-index=\"4\" data-wptb-css-td-auto-width=\"true\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-61\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>&#8216;noreferrer&#8217; option for text links.<\/p><\/div><\/div><\/td><\/tr><tr class=\"wptb-row\" data-wptb-bg-color=\"#ffffff\" style=\"background-color: rgb(255, 255, 255);\"><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204); width: 85px; background-color: rgb(221, 242, 255);\" data-x-index=\"0\" data-y-index=\"5\" data-wptb-row-bg-color=\"\" data-wptb-column-bg-color=\"\" data-wptb-own-bg-color=\"rgb(221, 242, 255)\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-58\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>NEW<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204);\" data-x-index=\"1\" data-y-index=\"5\" data-wptb-css-td-auto-width=\"true\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-59\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>&#8216;Repeat merged header&#8217; option for fully merged header cells when top row as header is enabled.<\/p><\/div><\/div><\/td><\/tr><tr class=\"wptb-row\" data-wptb-bg-color=\"#FCFCFC\" style=\"background-color: rgb(252, 252, 252);\"><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204); width: 85px; background-color: rgb(221, 242, 255);\" data-x-index=\"0\" data-y-index=\"6\" data-wptb-own-bg-color=\"rgb(221, 242, 255)\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-56\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>NEW<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204);\" data-x-index=\"1\" data-y-index=\"6\" data-wptb-css-td-auto-width=\"true\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-57\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>New notification system for table builder events.<\/p><\/div><\/div><\/td><\/tr><tr class=\"wptb-row\" data-wptb-bg-color=\"#ffffff\" style=\"background-color: rgb(255, 255, 255);\"><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204); width: 85px; background-color: rgb(221, 242, 255);\" data-x-index=\"0\" data-y-index=\"7\" data-wptb-own-bg-color=\"rgb(221, 242, 255)\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-54\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>FIX<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204);\" data-x-index=\"1\" data-y-index=\"7\" data-wptb-css-td-auto-width=\"true\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-55\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>An issue with WordPress 5.6 where empty table names on gutenberg block showed as &#8216;Untitled&#8217;.<\/p><\/div><\/div><\/td><\/tr><tr class=\"wptb-row\" data-wptb-bg-color=\"#FCFCFC\" style=\"background-color: rgb(252, 252, 252);\"><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204); width: 85px; background-color: rgb(221, 242, 255);\" data-x-index=\"0\" data-y-index=\"8\" data-wptb-own-bg-color=\"rgb(221, 242, 255)\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-52\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>FIX<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204);\" data-x-index=\"1\" data-y-index=\"8\" data-wptb-css-td-auto-width=\"true\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-53\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>An issue with footer buttons not visible in gutenberg block for Firefox browsers.<\/p><\/div><\/div><\/td><\/tr><tr class=\"wptb-row\" data-wptb-bg-color=\"#ffffff\" style=\"background-color: rgb(255, 255, 255);\"><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204); width: 85px; background-color: rgb(221, 242, 255);\" data-x-index=\"0\" data-y-index=\"9\" data-wptb-own-bg-color=\"rgb(221, 242, 255)\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-50\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>FIX<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204);\" data-x-index=\"1\" data-y-index=\"9\" data-wptb-css-td-auto-width=\"true\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-51\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>An issue affecting gutenberg block where user created prebuilt tables can be listed and selected.<\/p><\/div><\/div><\/td><\/tr><tr class=\"wptb-row\" data-wptb-bg-color=\"#FCFCFC\" style=\"background-color: rgb(252, 252, 252);\"><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204); width: 85px; background-color: rgb(221, 242, 255);\" data-x-index=\"0\" data-y-index=\"10\" data-wptb-own-bg-color=\"rgb(221, 242, 255)\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-48\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>FIX<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204);\" data-x-index=\"1\" data-y-index=\"10\" data-wptb-css-td-auto-width=\"true\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-49\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>An issue where even though users have read access, still see credential form and can not use various functionalities.<\/p><\/div><\/div><\/td><\/tr><tr class=\"wptb-row\" data-wptb-bg-color=\"#ffffff\" style=\"background-color: rgb(255, 255, 255);\"><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204); width: 85px; background-color: rgb(221, 242, 255);\" data-x-index=\"0\" data-y-index=\"11\" data-wptb-own-bg-color=\"rgb(221, 242, 255)\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-46\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>FIX<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204);\" data-x-index=\"1\" data-y-index=\"11\" data-wptb-css-td-auto-width=\"true\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-47\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>An issue affecting xml import operation to be not completed on import\/export operations.<\/p><\/div><\/div><\/td><\/tr><tr class=\"wptb-row\" data-wptb-bg-color=\"#FCFCFC\" style=\"background-color: rgb(252, 252, 252);\"><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204); width: 85px; background-color: rgb(221, 242, 255);\" data-x-index=\"0\" data-y-index=\"12\" data-wptb-own-bg-color=\"rgb(221, 242, 255)\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-44\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>IMPROVE<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204);\" data-x-index=\"1\" data-y-index=\"12\" data-wptb-css-td-auto-width=\"true\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-45\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>Better visibility for manage cells button.<\/p><\/div><\/div><\/td><\/tr><tr class=\"wptb-row\" data-wptb-bg-color=\"#ffffff\" style=\"background-color: rgb(255, 255, 255);\"><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204); width: 85px; background-color: rgb(221, 242, 255);\" data-x-index=\"0\" data-y-index=\"13\" data-wptb-own-bg-color=\"rgb(221, 242, 255)\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-42\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>IMPROVE<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" style=\"border: 1px solid rgb(204, 204, 204);\" data-x-index=\"1\" data-y-index=\"13\" data-wptb-css-td-auto-width=\"true\"><div class=\"wptb-text-container wptb-ph-element wptb-element-text-43\" style=\"padding: 0px; margin: 0px;\"><div class=\"\" style=\"position: relative;\"><p>Responsive builder will start up at tablet breakpoint instead of desktop.<\/p><\/div><\/div><\/td><\/tr><\/tbody><\/table>\n<\/div>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">(PRO) Sticky Top Row\/Header<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Sticky top row\/header option was added to pro version in this release.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It will come very handy when you have a long table with column names in the table header. So when users scroll down they will still see the column names on the top.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>NOTE:<\/strong> This will only work on desktop, not on tablets and mobile. We are still working on that.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">(PRO) Column\/Row Background Color<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This option will let you set background color for individual columns and rows. You can find this option by clicking on &#8220;Manage Cells&#8221; on top and selecting any cell.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With this option, our Cell Management mode becomes more powerful. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note: <\/strong>Any latest setting will override the previous one. For example &#8211; if you select a cell and set a row color for it and then set a column color it, that cell will take the color of the column because you selected that later. But other than that cell, the row will have the row color that you set. Also, single cell color setting will take precedent over row\/column color.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Repeat Merged Header<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This option is available for both free and pro version. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It will be useful if you have the whole header row merged. Turning this on will repeat the merged header on mobile or tablet version of the table if you enable Top Row as Header option.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Other improvements &amp; fixes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">We have made lots of other improvements, bug fixes. Some notables ones are &#8211; compatibility issues with WordPress 5.6, Gutenberg block issues and an issue with XML import.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Please update the plugin to the latest version.<\/p>\n\n\n<div style=\"background-color: #ffd2d2;color: #d8000c;border-left-color: #d8000c\" class=\"ub-styled-box ub-notification-box wp-block-ub-styled-box\" id=\"ub-styled-box-d0390649-823e-4695-8a59-4fe50e65c7d8\">\n<p class=\"wp-block-paragraph\" id=\"ub-styled-box-notification-content-\">If you are using the pro add-on, please update both free version and the pro add-on.<\/p>\n\n\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">If you run into any issues after the update, please let us know through <a href=\"https:\/\/wptablebuilder.com\/it\/community\/\" class=\"rank-math-link\">community forums<\/a> or <a href=\"https:\/\/wptablebuilder.com\/it\/contatto\/\" class=\"rank-math-link\">contact page<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We are collecting feedback to improve the plugin. If you have few minutes <a href=\"https:\/\/wptablebuilder.com\/it\/user-feedback\/\" class=\"rank-math-link\">please consider answering few questions and help us improve the plugin<\/a>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thank you.<\/p>","protected":false},"excerpt":{"rendered":"<p>We have just released an update of WP Table Builder, version 1.3.3. This version comes with improvements, bug fixes, and some new additions. Before going into details, please check out the changelog at a glance below. (PRO) Sticky Top Row\/Header Sticky top row\/header option was added to pro version in this release. It will come [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3327","post","type-post","status-publish","format-standard","hentry","category-wp-plugins"],"featured_image_src":null,"author_info":{"display_name":"Imtiaz Rayhan","author_link":"https:\/\/wptablebuilder.com\/it\/author\/irayhan-asif\/"},"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/posts\/3327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/comments?post=3327"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/posts\/3327\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/media?parent=3327"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/categories?post=3327"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/tags?post=3327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}