{"id":12956,"date":"2023-02-24T01:01:42","date_gmt":"2023-02-24T01:01:42","guid":{"rendered":"https:\/\/wptablebuilder.com\/?page_id=12956"},"modified":"2026-01-15T13:37:07","modified_gmt":"2026-01-15T13:37:07","slug":"rating-box-table-demo","status":"publish","type":"page","link":"https:\/\/wptablebuilder.com\/de\/rating-box-table-demo\/","title":{"rendered":"Rating Box Table Demo"},"content":{"rendered":"<div class=\"wp-block-wptb-table-block\"><div class=\"wptb-container-legacy\" data-table-id=\"22454\">\n    <table class=\"wptb-preview-table wptb-element-main-table_setting-0\" style=\"border-spacing: 0px 8px; border-collapse: separate !important; min-width: 100%; border: 0px solid rgb(209, 35, 35); \" data-border-spacing-columns=\"0\" data-border-spacing-rows=\"8\" data-reconstraction=\"1\" data-wptb-table-directives=\"eyJpbm5lckJvcmRlcnMiOnsiYWN0aXZlIjoiYWxsIiwiYm9yZGVyV2lkdGgiOjAsImJvcmRlclJhZGl1c2VzIjp7ImFsbCI6MTYsInJvdyI6MTYsImNvbHVtbiI6MTZ9fX0=\" data-wptb-responsive-directives=\"eyJyZXNwb25zaXZlRW5hYmxlZCI6ZmFsc2UsInJlc3BvbnNpdmVNb2RlIjoiYXV0byIsInJlbGF0aXZlV2lkdGgiOiJ3aW5kb3ciLCJwcmVzZXJ2ZVJvd0NvbG9yIjpmYWxzZSwiaGVhZGVyRnVsbHlNZXJnZWQiOmZhbHNlLCJicmVha3BvaW50cyI6eyJkZXNrdG9wIjp7Im5hbWUiOiJkZXNrdG9wIiwid2lkdGgiOjEwMjR9LCJ0YWJsZXQiOnsibmFtZSI6InRhYmxldCIsIndpZHRoIjo3MDB9LCJtb2JpbGUiOnsibmFtZSI6Im1vYmlsZSIsIndpZHRoIjozNzV9fSwibW9kZU9wdGlvbnMiOnsiYXV0byI6eyJkaXNhYmxlZCI6eyJkZXNrdG9wIjpmYWxzZSwidGFibGV0IjpmYWxzZSwibW9iaWxlIjpmYWxzZX0sInRvcFJvd0FzSGVhZGVyIjp7ImRlc2t0b3AiOmZhbHNlLCJ0YWJsZXQiOnRydWUsIm1vYmlsZSI6dHJ1ZX0sInJlcGVhdE1lcmdlZEhlYWRlciI6eyJkZXNrdG9wIjp0cnVlLCJ0YWJsZXQiOnRydWUsIm1vYmlsZSI6dHJ1ZX0sInN0YXRpY1RvcFJvdyI6eyJkZXNrdG9wIjpmYWxzZSwidGFibGV0IjpmYWxzZSwibW9iaWxlIjpmYWxzZX0sImNlbGxTdGFja0RpcmVjdGlvbiI6eyJkZXNrdG9wIjoicm93IiwidGFibGV0Ijoicm93IiwibW9iaWxlIjoicm93In0sImNlbGxzUGVyUm93Ijp7ImRlc2t0b3AiOjEsInRhYmxldCI6MiwibW9iaWxlIjoyfX19fQ==\" data-wptb-cells-width-auto-count=\"1\" data-wptb-horizontal-scroll-status=\"1\" data-wptb-extra-styles=\"LyogRW50ZXIgeW91ciBjdXN0b20gQ1NTIHJ1bGVzIGhlcmUgKi8=\" data-wptb-pro-pagination-top-row-header=\"true\" data-wptb-rows-per-page=\"3\" data-wptb-pro-search-top-row-header=\"true\" data-wptb-searchbar-position=\"left\" role=\"table\" data-table-columns=\"1\" data-wptb-table-alignment=\"center\" data-wptb-td-width-auto=\"120\" data-wptb-table-tds-sum-max-width=\"164\" ><tbody data-global-font-color=\"#4A5568\" data-global-link-color=\"#4A5568\" data-global-font-size=\"15\" ><tr  class=\"wptb-row\" style=\"\"><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 22px; background-color: rgb(243, 244, 246); border-width: 1px; border-color: rgba(209, 35, 35, 0); border-style: solid; border-radius: 16px; \" data-y-index=\"0\" data-x-index=\"0\" data-wptb-css-td-auto-width=\"true\" data-wptb-css-td-auto-height=\"true\" data-wptb-cell-vertical-alignment=\"bottom\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-597\" style=\"color: #4a5568; font-size: 30px; padding: 0px; margin: 36px 42px 8px 23px; \"><div style=\"position: relative;\"><p style=\"text-align: center;\"><strong>Expert Score<\/strong><\/p><\/div><\/div><div class=\"wptb-ribbon_element-container wptb-ph-element wptb-element-ribbon_element-1 wptb-ribbon-side-fix\" style=\"color: #ffffff;top: 14%;z-index: 9999;left: -20px;\" data-wptb-ribbon-type=\"sideRibbon\" data-wptb-ribbon-modifications=\"eyJjbGFzcyI6eyJtYWluV3JhcCI6eyJlbGVtZW50Ijp7InJlbGF0aXZlIjoibWFpbldyYXAiLCJxdWVyeSI6IiJ9LCJjbGFzcyI6WyJ3cHRiLXJpYmJvbi1ib29rbWFyay1tYWluLXdyYXAiLCJ3cHRiLXBsdWdpbi1maWx0ZXItYm94LXNoYWRvdy1tZCJdfX0sInN0eWxlIjp7InRleHRXcmFwIjp7ImVsZW1lbnQiOnsicmVsYXRpdmUiOiJ0ZXh0V3JhcCIsInF1ZXJ5IjoiIn0sInN0eWxlIjp7ImJhY2tncm91bmRDb2xvciI6eyJkZWZhdWx0IjoiIiwidmFsdWUiOiIjRkZGRkZGIn19fSwic3ZnV3JhcHBlciI6eyJlbGVtZW50Ijp7InJlbGF0aXZlIjoiZWxlbWVudCIsInF1ZXJ5IjoiI3dwdGJCb29rbWFya1JpYmJvbkVsZW1lbnRFbmQifSwic3R5bGUiOnsiY29sb3IiOnsiZGVmYXVsdCI6IiIsInZhbHVlIjoiI0ZGRkZGRiJ9LCJ3aWR0aCI6eyJkZWZhdWx0IjoiIiwidmFsdWUiOiI3MHB4In19fSwibWFpbldyYXAiOnsiZWxlbWVudCI6eyJyZWxhdGl2ZSI6Im1haW5XcmFwIiwicXVlcnkiOiIifSwic3R5bGUiOnsid2lkdGgiOnsiZGVmYXVsdCI6IiIsInZhbHVlIjoiNzBweCJ9fX19fQ==\" data-wptb-ribbon-side=\"left\" data-wptb-ribbon-width=\"70\" data-wptb-ribbon-x-offset=\"0\" data-wptb-ribbon-y-offset=\"14\" >\n    <div id=\"wptbRibbonMainWrap\" class=\"wptb-element-ribbon-wrapper wptb-ribbon-sideFancy-main-wrap\" style=\"\">\n        <div id=\"wptbRibbonTextWrap\" class=\"wptb-element-ribbon-inner wptb-ribbon-sideFancy-text-wrap wptb-plugin-filter-box-shadow-md\" style=\"background-color: #d0021b; border-color: #e89999\">\n            <p style=\"width: auto; font-size: 15px; position: relative\" class=\"wptb-element-ribbon-text\">\n                \n                <strong>Product Title<\/strong>\n            \n            <\/p>\n        <\/div>\n        <div class=\"wptb-element-ribbon-color-dump\" style=\"background-color: #d0021b; border-color: #e89999\"><\/div>\n        <div id=\"wptbRibbonIconDump\" style=\"display: none\" data-wptb-ribbon-icon-animation-type=\"beat\" data-wptb-ribbon-icon-src=\"star\" class=\"\" data-enable-animation=\"1\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 576 512\">\n                <path d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"><\/path>\n            <\/svg>\n        <\/div>\n        <div class=\"wptb-ribbon-side-fancy-triangle-wrapper\">\n            <div class=\"wptb-ribbon-side-fancy-triangle-end\" style=\"border-right: 20px solid transparent;border-bottom: 20px solid #d0021b;\"><\/div>\n            <div class=\"wptb-ribbon-side-fancy-triangle-overlay\" style=\"border-right: 20px solid transparent;border-bottom: 20px solid rgba(0, 0, 0, 0.4);\"><\/div>\n        <\/div>\n    <\/div>\n<\/div><\/td><\/tr><tr  class=\"wptb-row\" style=\"\"><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"4\" style=\"padding: 22px; background-color: rgb(255, 255, 255); border-width: 1px; border-color: rgba(209, 35, 35, 0); border-style: solid; border-radius: 16px; \" data-y-index=\"1\" data-x-index=\"0\" data-wptb-css-td-auto-width=\"true\" data-wptb-css-td-auto-height=\"true\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-598\" style=\"color: #4a5568; font-size: 17px; padding: 0px; margin: 0px; \"><div style=\"position: relative;\"><p><strong>Design<\/strong><\/p><\/div><\/div><div class=\"wptb-progress_bar-container wptb-ph-element wptb-ondragenter wptb-element-progress_bar-1\" style=\"margin: 0px; padding: 0px; \">\n    <div class=\"wptb-progress-bar-wrapper\">\n        <svg class=\"wptb-progress-bar\" viewbox=\"0 0 100 10\" preserveaspectratio=\"none\">\n            <path d=\"M 0,5 L 100,5\" class=\"wptb-progress-bar-trail\" stroke=\"#ACACACFF\" style=\"stroke-width: 8\"><\/path>\n            <path d=\"M 0,5 L 100,5\" class=\"wptb-progress-bar-path\" stroke=\"#D0021BFF\" style=\"stroke-dashoffset: 4px; stroke-width: 8\"><\/path>\n        <\/svg>\n        <div class=\"wptb-progress-bar-label\" style=\"width: 96%; color: #3c87b1\">\n            96%\n        <\/div>\n    <\/div>\n<\/div><div class=\"wptb-text-container wptb-ph-element wptb-element-text-599\" style=\"color: #4a5568; font-size: 17px; padding: 0px; margin: 0px; \"><div ><p><strong>Usability<\/strong><\/p><\/div><\/div><div class=\"wptb-progress_bar-container wptb-ph-element wptb-ondragenter wptb-element-progress_bar-2\" style=\"margin: 0px; padding: 0px; \">\n    <div class=\"wptb-progress-bar-wrapper\">\n        <svg class=\"wptb-progress-bar\" viewbox=\"0 0 100 10\" preserveaspectratio=\"none\">\n            <path d=\"M 0,5 L 100,5\" class=\"wptb-progress-bar-trail\" stroke=\"#CCCCCC\" style=\"stroke-width: 8\"><\/path>\n            <path d=\"M 0,5 L 100,5\" class=\"wptb-progress-bar-path\" stroke=\"#D0021BFF\" style=\"stroke-dashoffset: 10px; stroke-width: 8\"><\/path>\n        <\/svg>\n        <div class=\"wptb-progress-bar-label\" style=\"width: 90%; color: #3c87b1\">\n            90%\n        <\/div>\n    <\/div>\n<\/div><div class=\"wptb-text-container wptb-ph-element wptb-element-text-600\" style=\"color: #4a5568; font-size: 17px; padding: 0px; margin: 0px; \"><div ><p><strong>Quality<\/strong><\/p><\/div><\/div><div class=\"wptb-progress_bar-container wptb-ph-element wptb-ondragenter wptb-element-progress_bar-3\" style=\"margin: 0px; padding: 0px; \">\n    <div class=\"wptb-progress-bar-wrapper\">\n        <svg class=\"wptb-progress-bar\" viewbox=\"0 0 100 10\" preserveaspectratio=\"none\">\n            <path d=\"M 0,5 L 100,5\" class=\"wptb-progress-bar-trail\" stroke=\"#CCCCCC\" style=\"stroke-width: 8\"><\/path>\n            <path d=\"M 0,5 L 100,5\" class=\"wptb-progress-bar-path\" stroke=\"#D0021BFF\" style=\"stroke-dashoffset: 16px; stroke-width: 8\"><\/path>\n        <\/svg>\n        <div class=\"wptb-progress-bar-label\" style=\"width: 84%; color: #3c87b1\">\n            84%\n        <\/div>\n    <\/div>\n<\/div><div class=\"wptb-text-container wptb-ph-element wptb-element-text-601\" style=\"color: #4a5568; font-size: 17px; padding: 0px; margin: 0px; \"><div ><p><strong>Preis<\/strong><\/p><\/div><\/div><div class=\"wptb-progress_bar-container wptb-ph-element wptb-ondragenter wptb-element-progress_bar-4\" style=\"margin: 0px; padding: 0px; \">\n    <div class=\"wptb-progress-bar-wrapper\">\n        <svg class=\"wptb-progress-bar\" viewbox=\"0 0 100 10\" preserveaspectratio=\"none\">\n            <path d=\"M 0,5 L 100,5\" class=\"wptb-progress-bar-trail\" stroke=\"#CCCCCC\" style=\"stroke-width: 8\"><\/path>\n            <path d=\"M 0,5 L 100,5\" class=\"wptb-progress-bar-path\" stroke=\"#D0021BFF\" style=\"stroke-dashoffset: 25px; stroke-width: 8\"><\/path>\n        <\/svg>\n        <div class=\"wptb-progress-bar-label\" style=\"width: 75%; color: #3c87b1\">\n            75%\n        <\/div>\n    <\/div>\n<\/div><div class=\"wptb-text-container wptb-ph-element wptb-element-text-602\" style=\"color: #000000; font-size: 15px; padding: 24px; margin: 0px; \"><div ><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pulvinar metus lacus, sollicitudin molestie ligula viverra vitae. Donec mattis, sem non luctus rhoncus, sapien ante malesuada nunc, non sollicitudin tellus enim at libero. Curabitur orci nisl, porttitor ut sem ac, pretium luctus nunc. Aenean ullamcorper sem vitae libero pharetra euismod. Sed consectetur libero non diam convallis dignissim. Morbi convallis est sem, eu dictum eros fermentum nec. Phasellus aliquet elit auctor iaculis interdum. Integer eleifend, massa ut maximus tempor, leo quam interdum velit, in imperdiet lacus elit imperdiet tortor.<\/p><\/div><\/div><div class=\"wptb-button-container wptb-ph-element wptb-element-button-1 edit-active\" style=\"padding: 0px; margin: 24px 0px 4px 0px; \">\n    <div class=\"wptb-button-wrapper wptb-size-xl\" style=\"justify-content: center\">\n        <span class=\"wptb-link-target\" id=\"\" style=\"width: 100%;\" >\n            <div class=\"wptb-button wptb-plugin-button-order-left\" style=\"position: relative;border-radius: 5px; background-color: #D0021BFF; color: #FFFFFF; justify-content: center; \" data-wptb-element-bg-color=\"#D0021BFF\" data-wptb-element-color=\"#FFFFFF\" data-wptb-element-hover-scale=\"1\" >\n                <p style=\"font-size: 24px; margin-inline: auto !important;\">Buy Product<\/p>\n                <div class=\"wptb-button-icon\" data-wptb-button-icon-src=\"\" data-wptb-element-hover-scale=\"1\"  style=\"width: 25px; height: 25px\">\n                    \n                <\/div>\n                <div class=\"wptb-button-label\" style=\"display: none; background-color: rgb(255, 255, 255); \" data-wptb-element-hover-scale=\"1\" >\n                    <div class=\"wptb-button-label-decorator\" data-wptb-element-hover-scale=\"1\"  style=\"border-color: rgba(0, 0, 0, 0) rgb(255, 255, 255) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);\">\n                        <br \/>\n                    <\/div>\n                    <div class=\"wptb-button-label-text\" data-wptb-element-hover-scale=\"1\" >\n                        \n                        \n                    \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/span>\n    <\/div>\n<\/div>;<\/td><\/tr><tr  class=\"wptb-row\" style=\"\"><\/tr><tr  class=\"wptb-row\" style=\"\"><\/tr><tr  class=\"wptb-row\" style=\"\"><\/tr><\/tbody><\/table>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12956","page","type-page","status-publish","hentry"],"featured_image_src":null,"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/pages\/12956","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/comments?post=12956"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/pages\/12956\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/media?parent=12956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}