{"id":700,"date":"2026-09-24T05:00:52","date_gmt":"2026-09-24T05:00:52","guid":{"rendered":"https:\/\/shapekode.com\/product\/shapeblock\/?page_id=700"},"modified":"2026-10-11T06:55:17","modified_gmt":"2026-10-11T06:55:17","slug":"table","status":"publish","type":"page","link":"https:\/\/shapekode.com\/product\/shapeblock\/table\/","title":{"rendered":"Table"},"content":{"rendered":"<style id=\"shapeblock-block-css-5-inline-css\">\n.shapeblock-layout-row-mum3s8 { justify-content:center;align-content:stretch;flex-wrap:wrap;gap:20px;padding-top:120px;padding-right:16px;padding-bottom:120px;padding-left:16px;background-color:#5933ff;background-image:url(https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/banner-shape.webp);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:scroll;--bp-cols:1;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-mum3s8 { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-mum3s8 { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-mum3s8 > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-elv1eg { flex:0 1 calc(700px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 700 \/ 100) !important;max-width:calc(700px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 700 \/ 100) !important; }\n.shapeblock-col-elv1eg > .shapeblock-column__inner { display:flex;flex-direction:column;align-items:center; }.shapeblock-heading-block-wrap.shapeblock-heading-130a5c .shapeblock-heading { text-align:center; }\n.shapeblock-heading-block-wrap.shapeblock-heading-130a5c .shapeblock-heading .shapeblock-title { color:#ffffff; }\n\/*# sourceURL=shapeblock-block-css-1-inline-css *\/\n\n\n.shapeblock-button-block-wrap.shapeblock-button-5240d5 .shapeblock-button { font-weight:500;text-decoration:none;justify-content:center;min-width:min(150px, 100%);color:#ffffff;border-style:solid;border-color:#00000000;border-width:1px 1px 1px 1px; }\n.shapeblock-button-block-wrap.shapeblock-button-5240d5 .shapeblock-button .shapeblock-button-icon-before { margin-right:8px; }\n.shapeblock-button-block-wrap.shapeblock-button-5240d5 .shapeblock-button .shapeblock-button-icon-after { margin-left:8px;margin-right:0; }\n\/*# sourceURL=shapeblock-block-css-2-inline-css *\/\n\n\n.shapeblock-button-block-wrap.shapeblock-button-31oq4y .shapeblock-button { font-weight:500;text-decoration:none;justify-content:center;min-width:min(150px, 100%);color:#ffffff;border-style:solid;border-color:#ffffff;border-width:1px 1px 1px 1px; }\n.shapeblock-button-block-wrap.shapeblock-button-31oq4y .shapeblock-button:hover { color:#ffffff;border-style:solid;border-color:#0067ff;border-width:1px 1px 1px 1px; }\n.shapeblock-button-block-wrap.shapeblock-button-31oq4y .shapeblock-button .shapeblock-button-icon-before { margin-right:8px; }\n.shapeblock-button-block-wrap.shapeblock-button-31oq4y .shapeblock-button .shapeblock-button-icon-after { margin-left:8px;margin-right:0; }\n\/*# sourceURL=shapeblock-block-css-3-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-4-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-5-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-mum3s8 is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-elv1eg wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <h1 style=\"margin-bottom:8px\" class=\"has-link-color wp-elements-1 wp-block-post-title has-text-color has-base-color has-xx-large-font-size has-text-align-center\">Table<\/h1> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-130a5c wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h4 class=\"shapeblock-title\">Build your Table With ShapeBlock<\/h4>\t<\/div> <\/div> <p class=\"has-text-align-center has-base-color has-text-color has-link-color wp-elements-2 wp-block-paragraph\" style=\"margin-top:20px\">Build clean and responsive tables with ShapeBlock for Gutenberg. Organize data, comparisons, pricing, and important details into clear rows and columns for an easy-to-read experience.<\/p> <div class=\"wp-block-group is-content-justification-center is-layout-flex wp-container-core-group-is-layout-211891db wp-block-group-is-layout-flex\" style=\"padding-top:14px\"> <div class=\"shapeblock-block shapeblock-button-block-wrap shapeblock-button-5240d5 wp-block-shapeblock-button\"> <a href=\"#\" class=\"shapeblock-button shapeblock-button-primary\" target=\"_self\"> <span class=\"shapeblock-button-text\">Get Started Now<\/span> <\/a> <\/div> <div class=\"shapeblock-block shapeblock-button-block-wrap shapeblock-button-31oq4y wp-block-shapeblock-button\"> <a href=\"#\" class=\"shapeblock-button shapeblock-button-outline\" target=\"_blank\" rel=\"noopener\"> <span class=\"shapeblock-button-text\">Documentation  <\/span> <\/a> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-11-inline-css\">\n.shapeblock-layout-row-p2b8tg { flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:20px;padding-top:100px;padding-bottom:100px;--bp-cols:1;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-p2b8tg { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-p2b8tg { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-p2b8tg > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-ay9qsp { flex:0 1 calc(100.00% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important;max-width:calc(100.00% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important; }.shapeblock-layout-row-yc6mc1 { flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:20px;--bp-cols:1;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-yc6mc1 { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-yc6mc1 { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-yc6mc1 > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-zh8fss { flex:0 1 calc(500px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 500 \/ 100) !important;max-width:calc(500px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 500 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-8c72e5 .shapeblock-heading { text-align:center; }\n\/*# sourceURL=shapeblock-block-css-6-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-7-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-8-inline-css *\/\n\n\n.shapeblock-table-a7f7b4.shapeblock-table-a7f7b4.shapeblock-table-a7f7b4 { margin-top:40px; }.shapeblock-table-block-wrap.shapeblock-table-a7f7b4 .shapeblock-table { border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px; }\n.shapeblock-table-block-wrap.shapeblock-table-a7f7b4 .shapeblock-table-body { font-weight:inherit; }\n.shapeblock-table-block-wrap.shapeblock-table-a7f7b4 .shapeblock-table-header { color:#ffffff;background-color:#5933ff; }\n.shapeblock-table-block-wrap.shapeblock-table-a7f7b4 .shapeblock-table-header th { border-style:solid;border-color:#ffffff;border-width:1px 1px 1px 1px; }\n.shapeblock-table-block-wrap.shapeblock-table-a7f7b4 .shapeblock-table-body td i { font-size:16px; }\n.shapeblock-table-block-wrap.shapeblock-table-a7f7b4 .shapeblock-table-body td { border-style:solid;border-color:#00000017;border-width:0px 0px 1px 0px; }\n.shapeblock-table-block-wrap.shapeblock-table-a7f7b4 .shapeblock-table .shapeblock-tbl-tooltip i { font-size:16px; }\n.shapeblock-table-block-wrap.shapeblock-table-a7f7b4 .shapeblock-table .shapeblock-tbl-tooltip svg { width:16px;height:16px; }\n\/*# sourceURL=shapeblock-block-css-9-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-10-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-11-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-p2b8tg is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-ay9qsp wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-yc6mc1 is-content-boxed wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-zh8fss wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-8c72e5 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Table 1<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:0px;margin-bottom:0px\">Configure the table style, layout, and display options for this table type. You can customize colors, typography, icons.<\/p> <\/div><\/div> <\/div><\/div> <div class=\"shapeblock-block shapeblock-table-block-wrap shapeblock-table-a7f7b4 wp-block-shapeblock-table\"> <div class=\"shapeblock-table-scroll\"> <table class=\"shapeblock-table\"> <thead class=\"shapeblock-table-header\"> <tr> <th class=\"shapeblock-th\">Name<\/th><th class=\"shapeblock-th\">Role<\/th><th class=\"shapeblock-th\">Department<\/th><th class=\"shapeblock-th\">Status<\/th>\t\t\t\t<\/tr> <\/thead> <tbody class=\"shapeblock-table-body\"> <tr> <td class=\"shapeblock-td\">Jhon Milton<\/td><td class=\"shapeblock-td\">Project Manager<\/td><td class=\"shapeblock-td\">Operations<\/td><td class=\"shapeblock-td\">Active<\/td><\/tr><tr><td class=\"shapeblock-td\">Alex Carey<\/td><td class=\"shapeblock-td\">Project Manager<\/td><td class=\"shapeblock-td\">Operations<\/td><td class=\"shapeblock-td\">Active<\/td><\/tr><tr><td class=\"shapeblock-td\">Robert Bush<\/td><td class=\"shapeblock-td\">Project Manager<\/td><td class=\"shapeblock-td\">Operations<\/td><td class=\"shapeblock-td\">Active<\/td><\/tr><tr><td class=\"shapeblock-td\">Mitchell Marsh<\/td><td class=\"shapeblock-td\">Project Manager<\/td><td class=\"shapeblock-td\">Operations<\/td><td class=\"shapeblock-td\">Active<\/td>\t\t\t\t<\/tr> <\/tbody> <\/table> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-17-inline-css\">\n.shapeblock-layout-row-e4lwoq { flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:20px;padding-top:100px;padding-bottom:100px;--bp-cols:1;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-e4lwoq { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-e4lwoq { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-e4lwoq > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-pm97vz { flex:0 1 calc(100.00% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important;max-width:calc(100.00% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important; }.shapeblock-layout-row-wo8mt0 { flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:20px;--bp-cols:1;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-wo8mt0 { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-wo8mt0 { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-wo8mt0 > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-mvde7p { flex:0 1 calc(500px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 500 \/ 100) !important;max-width:calc(500px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 500 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-3ipec1 .shapeblock-heading { text-align:center; }\n\/*# sourceURL=shapeblock-block-css-12-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-13-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-14-inline-css *\/\n\n\n.shapeblock-table-t12rpf.shapeblock-table-t12rpf.shapeblock-table-t12rpf { margin-top:40px; }.shapeblock-table-block-wrap.shapeblock-table-t12rpf .shapeblock-table { border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px; }\n.shapeblock-table-block-wrap.shapeblock-table-t12rpf .shapeblock-table-body { background-color:#f7f8fc;font-weight:inherit; }\n.shapeblock-table-block-wrap.shapeblock-table-t12rpf .shapeblock-table-header { color:#ffffff;background-color:#5933ff; }\n.shapeblock-table-block-wrap.shapeblock-table-t12rpf .shapeblock-table-header th { border-style:solid;border-color:#ffffff;border-width:1px 1px 1px 1px; }\n.shapeblock-table-block-wrap.shapeblock-table-t12rpf .shapeblock-table-body tr:nth-of-type(2n) { background-color:#eaedfa; }\n.shapeblock-table-block-wrap.shapeblock-table-t12rpf .shapeblock-table-body td i { font-size:16px; }\n.shapeblock-table-block-wrap.shapeblock-table-t12rpf .shapeblock-table-body td { border-style:solid;border-color:#00000017;border-width:0px 0px 1px 0px; }\n.shapeblock-table-block-wrap.shapeblock-table-t12rpf .shapeblock-table .shapeblock-tbl-tooltip i { font-size:16px; }\n.shapeblock-table-block-wrap.shapeblock-table-t12rpf .shapeblock-table .shapeblock-tbl-tooltip svg { width:16px;height:16px; }\n\/*# sourceURL=shapeblock-block-css-15-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-16-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-17-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-e4lwoq is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-pm97vz wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-wo8mt0 is-content-boxed wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-mvde7p wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-3ipec1 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Table 2 (with striped bg)<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:0px;margin-bottom:0px\">Configure the table style, layout, and display options for this table type. You can customize colors, typography, icons.<\/p> <\/div><\/div> <\/div><\/div> <div class=\"shapeblock-block shapeblock-table-block-wrap shapeblock-table-t12rpf wp-block-shapeblock-table\"> <div class=\"shapeblock-table-scroll\"> <table class=\"shapeblock-table\"> <thead class=\"shapeblock-table-header\"> <tr> <th class=\"shapeblock-th\">Name<\/th><th class=\"shapeblock-th\">Role<\/th><th class=\"shapeblock-th\">Department<\/th><th class=\"shapeblock-th\">Status<\/th>\t\t\t\t<\/tr> <\/thead> <tbody class=\"shapeblock-table-body\"> <tr> <td class=\"shapeblock-td\">Jhon Milton<\/td><td class=\"shapeblock-td\">Project Manager<\/td><td class=\"shapeblock-td\">Operations<\/td><td class=\"shapeblock-td\">Active<\/td><\/tr><tr><td class=\"shapeblock-td\">Alex Carey<\/td><td class=\"shapeblock-td\">Project Manager<\/td><td class=\"shapeblock-td\">Operations<\/td><td class=\"shapeblock-td\">Active<\/td><\/tr><tr><td class=\"shapeblock-td\">Robert Bush<\/td><td class=\"shapeblock-td\">Project Manager<\/td><td class=\"shapeblock-td\">Operations<\/td><td class=\"shapeblock-td\">Active<\/td><\/tr><tr><td class=\"shapeblock-td\">Mitchell Marsh<\/td><td class=\"shapeblock-td\">Project Manager<\/td><td class=\"shapeblock-td\">Operations<\/td><td class=\"shapeblock-td\">Active<\/td>\t\t\t\t<\/tr> <\/tbody> <\/table> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-23-inline-css\">\n.shapeblock-layout-row-o19peh { flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:20px;padding-top:100px;padding-bottom:100px;background-color:#f6f6f6;--bp-cols:1;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-o19peh { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-o19peh { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-o19peh > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-ystooq { flex:0 1 calc(100.00% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important;max-width:calc(100.00% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important; }.shapeblock-layout-row-lhle5o { flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:20px;--bp-cols:1;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-lhle5o { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-lhle5o { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-lhle5o > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-ymlhcr { flex:0 1 calc(500px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 500 \/ 100) !important;max-width:calc(500px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 500 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-q01o5s .shapeblock-heading { text-align:center; }\n\/*# sourceURL=shapeblock-block-css-18-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-19-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-20-inline-css *\/\n\n\n.shapeblock-table-h8x1ec.shapeblock-table-h8x1ec.shapeblock-table-h8x1ec { margin-top:40px; }.shapeblock-table-block-wrap.shapeblock-table-h8x1ec .shapeblock-table { border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px; }\n.shapeblock-table-block-wrap.shapeblock-table-h8x1ec .shapeblock-table-body { font-weight:inherit; }\n.shapeblock-table-block-wrap.shapeblock-table-h8x1ec .shapeblock-table-header { color:#ffffff;background-color:#5933ff; }\n.shapeblock-table-block-wrap.shapeblock-table-h8x1ec .shapeblock-table-header th { border-style:solid;border-color:#ffffff;border-width:1px 1px 1px 1px; }\n.shapeblock-table-block-wrap.shapeblock-table-h8x1ec .shapeblock-table-body td i { font-size:16px; }\n.shapeblock-table-block-wrap.shapeblock-table-h8x1ec .shapeblock-table-body td { border-style:solid;border-color:#00000017;border-width:0px 0px 1px 0px; }\n.shapeblock-table-block-wrap.shapeblock-table-h8x1ec .shapeblock-table .shapeblock-tbl-tooltip i { font-size:16px; }\n.shapeblock-table-block-wrap.shapeblock-table-h8x1ec .shapeblock-table .shapeblock-tbl-tooltip svg { width:16px;height:16px; }\n\/*# sourceURL=shapeblock-block-css-21-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-22-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-23-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-o19peh is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-ystooq wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-lhle5o is-content-boxed wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-ymlhcr wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-q01o5s wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Table 4 (with tooltip)<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:0px;margin-bottom:0px\">Configure the table style, layout, and display options for this table type. You can customize colors, typography, icons.<\/p> <\/div><\/div> <\/div><\/div> <div class=\"shapeblock-block shapeblock-table-block-wrap shapeblock-table-h8x1ec wp-block-shapeblock-table\"> <div class=\"shapeblock-table-scroll\"> <table class=\"shapeblock-table\"> <thead class=\"shapeblock-table-header\"> <tr> <th class=\"shapeblock-th\">Name<span class=\"shapeblock-tbl-tooltip\" data-placement=\"right\"><svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-2h2v2zm0-3.6h-2c0-2 2.5-2.2 2.5-3.9A1.5 1.5 0 0012 8a1.6 1.6 0 00-1.6 1.5H8.4A3.6 3.6 0 0112 6a3.5 3.5 0 013.5 3.5c0 2-2.5 2.3-2.5 3.9z\" \/><\/svg><span class=\"shapeblock-tbl-tooltip-content\">Employee Name<\/span><\/span><\/th><th class=\"shapeblock-th\">Role<span class=\"shapeblock-tbl-tooltip\" data-placement=\"right\"><svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-2h2v2zm0-3.6h-2c0-2 2.5-2.2 2.5-3.9A1.5 1.5 0 0012 8a1.6 1.6 0 00-1.6 1.5H8.4A3.6 3.6 0 0112 6a3.5 3.5 0 013.5 3.5c0 2-2.5 2.3-2.5 3.9z\" \/><\/svg><span class=\"shapeblock-tbl-tooltip-content\">Employee Role<\/span><\/span><\/th><th class=\"shapeblock-th\">Department<span class=\"shapeblock-tbl-tooltip\" data-placement=\"right\"><svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-2h2v2zm0-3.6h-2c0-2 2.5-2.2 2.5-3.9A1.5 1.5 0 0012 8a1.6 1.6 0 00-1.6 1.5H8.4A3.6 3.6 0 0112 6a3.5 3.5 0 013.5 3.5c0 2-2.5 2.3-2.5 3.9z\" \/><\/svg><span class=\"shapeblock-tbl-tooltip-content\">Employee Department<\/span><\/span><\/th><th class=\"shapeblock-th\">Status<span class=\"shapeblock-tbl-tooltip\" data-placement=\"right\"><svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-2h2v2zm0-3.6h-2c0-2 2.5-2.2 2.5-3.9A1.5 1.5 0 0012 8a1.6 1.6 0 00-1.6 1.5H8.4A3.6 3.6 0 0112 6a3.5 3.5 0 013.5 3.5c0 2-2.5 2.3-2.5 3.9z\" \/><\/svg><span class=\"shapeblock-tbl-tooltip-content\">Employee Status<\/span><\/span><\/th>\t\t\t\t<\/tr> <\/thead> <tbody class=\"shapeblock-table-body\"> <tr> <td class=\"shapeblock-td\">Jhon Milton<\/td><td class=\"shapeblock-td\">Project Manager<\/td><td class=\"shapeblock-td\">Operations<\/td><td class=\"shapeblock-td\">Active<\/td><\/tr><tr><td class=\"shapeblock-td\">Alex Carey<\/td><td class=\"shapeblock-td\">Project Manager<\/td><td class=\"shapeblock-td\">Operations<\/td><td class=\"shapeblock-td\">Active<\/td><\/tr><tr><td class=\"shapeblock-td\">Robert Bush<\/td><td class=\"shapeblock-td\">Project Manager<\/td><td class=\"shapeblock-td\">Operations<\/td><td class=\"shapeblock-td\">Active<\/td><\/tr><tr><td class=\"shapeblock-td\">Mitchell Marsh<\/td><td class=\"shapeblock-td\">Project Manager<\/td><td class=\"shapeblock-td\">Operations<\/td><td class=\"shapeblock-td\">Active<\/td>\t\t\t\t<\/tr> <\/tbody> <\/table> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-29-inline-css\">\n.shapeblock-layout-row-vytlcb { flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:20px;padding-top:100px;padding-bottom:100px;--bp-cols:1;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-vytlcb { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-vytlcb { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-vytlcb > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-djpi8d { flex:0 1 calc(100.00% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important;max-width:calc(100.00% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important; }.shapeblock-layout-row-69e3qq { flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:20px;--bp-cols:1;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-69e3qq { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-69e3qq { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-69e3qq > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-p3he9a { flex:0 1 calc(500px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 500 \/ 100) !important;max-width:calc(500px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 500 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-e1jba3 .shapeblock-heading { text-align:center; }\n\/*# sourceURL=shapeblock-block-css-24-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-25-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-26-inline-css *\/\n\n\n.shapeblock-table-0om1gy.shapeblock-table-0om1gy.shapeblock-table-0om1gy { margin-top:40px; }.shapeblock-table-block-wrap.shapeblock-table-0om1gy .shapeblock-table { border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px; }\n.shapeblock-table-block-wrap.shapeblock-table-0om1gy .shapeblock-table-body { border-style:solid;border-color:#00000017;border-width:1px 0px 0px 1px;font-weight:inherit; }\n.shapeblock-table-block-wrap.shapeblock-table-0om1gy .shapeblock-table-header { color:#ffffff;background-color:#5933ff; }\n.shapeblock-table-block-wrap.shapeblock-table-0om1gy .shapeblock-table-header th { border-style:solid;border-color:#ffffff;border-width:1px 1px 1px 1px; }\n.shapeblock-table-block-wrap.shapeblock-table-0om1gy .shapeblock-header-icon { top:0; }\n.shapeblock-table-block-wrap.shapeblock-table-0om1gy .shapeblock-table-body td i { padding-right:4px; }\n.shapeblock-table-block-wrap.shapeblock-table-0om1gy .shapeblock-table-body td { border-style:solid;border-color:#00000017;border-width:1px 1px 1px 0px; }\n.shapeblock-table-block-wrap.shapeblock-table-0om1gy .shapeblock-table .shapeblock-tbl-tooltip i { font-size:16px; }\n.shapeblock-table-block-wrap.shapeblock-table-0om1gy .shapeblock-table .shapeblock-tbl-tooltip svg { width:16px;height:16px; }\n\/*# sourceURL=shapeblock-block-css-27-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-28-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-29-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-vytlcb is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-djpi8d wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-69e3qq is-content-boxed wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-p3he9a wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-e1jba3 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Table 3 (with icon)<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:0px;margin-bottom:0px\">Configure the table style, layout, and display options for this table type. You can customize colors, typography, icons.<\/p> <\/div><\/div> <\/div><\/div> <div class=\"shapeblock-block shapeblock-table-block-wrap shapeblock-table-0om1gy wp-block-shapeblock-table\"> <div class=\"shapeblock-table-scroll\"> <table class=\"shapeblock-table\"> <thead class=\"shapeblock-table-header\"> <tr> <th class=\"shapeblock-th\"><span class=\"shapeblock-header-icon\"><i class=\"shapeblock-icon shapeblock-icon-user-avatar\" aria-hidden=\"true\"><\/i><\/span>Name<\/th><th class=\"shapeblock-th\"><span class=\"shapeblock-header-icon\"><i class=\"shapeblock-icon shapeblock-icon-categories\" aria-hidden=\"true\"><\/i><\/span>Role<\/th><th class=\"shapeblock-th\"><span class=\"shapeblock-header-icon\"><i class=\"shapeblock-icon shapeblock-icon-wikis\" aria-hidden=\"true\"><\/i><\/span>Department<\/th><th class=\"shapeblock-th\"><span class=\"shapeblock-header-icon\"><i class=\"shapeblock-icon shapeblock-icon-favorite\" aria-hidden=\"true\"><\/i><\/span>Status<\/th>\t\t\t\t<\/tr> <\/thead> <tbody class=\"shapeblock-table-body\"> <tr> <td class=\"shapeblock-td\"><span><i class=\"shapeblock-icon shapeblock-icon-user-avatar-filled-alt\" aria-hidden=\"true\"><\/i><\/span>Jhon Milton<\/td><td class=\"shapeblock-td\">Project Manager<\/td><td class=\"shapeblock-td\">Operations<\/td><td class=\"shapeblock-td\">Active<\/td><\/tr><tr><td class=\"shapeblock-td\"><span><i class=\"shapeblock-icon shapeblock-icon-user-avatar-filled-alt\" aria-hidden=\"true\"><\/i><\/span>Alex Carey<\/td><td class=\"shapeblock-td\">Project Manager<\/td><td class=\"shapeblock-td\">Operations<\/td><td class=\"shapeblock-td\">Active<\/td><\/tr><tr><td class=\"shapeblock-td\"><span><i class=\"shapeblock-icon shapeblock-icon-user-avatar-filled-alt\" aria-hidden=\"true\"><\/i><\/span>Robert Bush<\/td><td class=\"shapeblock-td\">Project Manager<\/td><td class=\"shapeblock-td\">Operations<\/td><td class=\"shapeblock-td\">Active<\/td><\/tr><tr><td class=\"shapeblock-td\"><span><i class=\"shapeblock-icon shapeblock-icon-user-avatar-filled-alt\" aria-hidden=\"true\"><\/i><\/span>Mitchell Marsh<\/td><td class=\"shapeblock-td\">Project Manager<\/td><td class=\"shapeblock-td\">Operations<\/td><td class=\"shapeblock-td\">Active<\/td>\t\t\t\t<\/tr> <\/tbody> <\/table> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-35-inline-css\">\n.shapeblock-layout-row-s6uofg { flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:20px;padding-top:100px;padding-bottom:100px;background-color:#f6f6f6;--bp-cols:1;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-s6uofg { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-s6uofg { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-s6uofg > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-ncokci { flex:0 1 calc(100.00% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important;max-width:calc(100.00% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important; }.shapeblock-layout-row-5xlnkd { flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:20px;--bp-cols:1;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-5xlnkd { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-5xlnkd { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-5xlnkd > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-hqg177 { flex:0 1 calc(500px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 500 \/ 100) !important;max-width:calc(500px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 500 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-0rww26 .shapeblock-heading { text-align:center; }\n\/*# sourceURL=shapeblock-block-css-30-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-31-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-32-inline-css *\/\n\n\n.shapeblock-table-hw4yki.shapeblock-table-hw4yki.shapeblock-table-hw4yki { margin-top:40px; }.shapeblock-table-block-wrap.shapeblock-table-hw4yki .shapeblock-table { border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px; }\n.shapeblock-table-block-wrap.shapeblock-table-hw4yki .shapeblock-table-body { border-style:solid;border-color:#00000017;border-width:1px 0px 0px 1px;color:#101010;font-weight:500; }\n.shapeblock-table-block-wrap.shapeblock-table-hw4yki .shapeblock-table-header { color:#ffffff;background-color:#5933ff; }\n.shapeblock-table-block-wrap.shapeblock-table-hw4yki .shapeblock-table-header th { border-style:solid;border-color:#ffffff;border-width:1px 1px 1px 1px; }\n.shapeblock-table-block-wrap.shapeblock-table-hw4yki .shapeblock-header-icon { top:0; }\n.shapeblock-table-block-wrap.shapeblock-table-hw4yki .shapeblock-table-body td { border-style:solid;border-color:#00000017;border-width:1px 1px 1px 0px; }\n.shapeblock-table-block-wrap.shapeblock-table-hw4yki .shapeblock-table-image { max-width:40px;height:40px;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px; }\n\/*# sourceURL=shapeblock-block-css-33-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-34-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-35-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-s6uofg is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-ncokci wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-5xlnkd is-content-boxed wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-hqg177 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-0rww26 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Table 5 (with image)<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:0px;margin-bottom:0px\">Configure the table style, layout, and display options for this table type. You can customize colors, typography, icons.<\/p> <\/div><\/div> <\/div><\/div> <div class=\"shapeblock-block shapeblock-table-block-wrap shapeblock-table-hw4yki wp-block-shapeblock-table\"> <div class=\"shapeblock-table-scroll\"> <table class=\"shapeblock-table\"> <thead class=\"shapeblock-table-header\"> <tr> <th class=\"shapeblock-th\">Product Name<\/th><th class=\"shapeblock-th\">Category<\/th><th class=\"shapeblock-th\">Stock<\/th><th class=\"shapeblock-th\">Price<\/th><th class=\"shapeblock-th\">Status<\/th>\t\t\t\t<\/tr> <\/thead> <tbody class=\"shapeblock-table-body\"> <tr> <td class=\"shapeblock-td\"><img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" class=\"shapeblock-table-image\" alt=\"\">Smartwatch<\/td><td class=\"shapeblock-td\">Gadgets<\/td><td class=\"shapeblock-td\">120<\/td><td class=\"shapeblock-td\">$50<\/td><td class=\"shapeblock-td\">In Stock<\/td><\/tr><tr><td class=\"shapeblock-td\"><img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" class=\"shapeblock-table-image\" alt=\"\">Monitor<\/td><td class=\"shapeblock-td\">Electronics<\/td><td class=\"shapeblock-td\">100<\/td><td class=\"shapeblock-td\">$100<\/td><td class=\"shapeblock-td\">Low Stock<\/td><\/tr><tr><td class=\"shapeblock-td\"><img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-3.webp\" class=\"shapeblock-table-image\" alt=\"\">Coffee Maker<\/td><td class=\"shapeblock-td\">Appliances<\/td><td class=\"shapeblock-td\">120<\/td><td class=\"shapeblock-td\">$40<\/td><td class=\"shapeblock-td\">In Stock<\/td><\/tr><tr><td class=\"shapeblock-td\"><img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-4.webp\" class=\"shapeblock-table-image\" alt=\"\">Office Chair <\/td><td class=\"shapeblock-td\">Furniture<\/td><td class=\"shapeblock-td\">100<\/td><td class=\"shapeblock-td\">$59<\/td><td class=\"shapeblock-td\">In Stock<\/td><\/tr><tr><td class=\"shapeblock-td\"><img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-5.webp\" class=\"shapeblock-table-image\" alt=\"\">Wireless Headphones<\/td><td class=\"shapeblock-td\">Electronics<\/td><td class=\"shapeblock-td\">80<\/td><td class=\"shapeblock-td\">$150<\/td><td class=\"shapeblock-td\">Low Stock<\/td>\t\t\t\t<\/tr> <\/tbody> <\/table> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-41-inline-css\">\n.shapeblock-layout-row-fuc8am { flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:20px;padding-top:100px;padding-bottom:100px;--bp-cols:1;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-fuc8am { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-fuc8am { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-fuc8am > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-qxnnfg { flex:0 1 calc(100.00% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important;max-width:calc(100.00% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important; }.shapeblock-layout-row-mmkkyk { flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:20px;--bp-cols:1;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-mmkkyk { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-mmkkyk { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-mmkkyk > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-deo48m { flex:0 1 calc(500px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 500 \/ 100) !important;max-width:calc(500px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 500 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-nzwk5q .shapeblock-heading { text-align:center; }\n\/*# sourceURL=shapeblock-block-css-36-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-37-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-38-inline-css *\/\n\n\n.shapeblock-table-zgk6x4.shapeblock-table-zgk6x4.shapeblock-table-zgk6x4 { margin-top:40px; }.shapeblock-table-block-wrap.shapeblock-table-zgk6x4 .shapeblock-table { border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px; }\n.shapeblock-table-block-wrap.shapeblock-table-zgk6x4 .shapeblock-table-body { text-align:center;color:#ffffff;font-weight:inherit; }\n.shapeblock-table-block-wrap.shapeblock-table-zgk6x4 .shapeblock-table-header { text-align:center;color:#ffffff;background-color:#5933ff; }\n.shapeblock-table-block-wrap.shapeblock-table-zgk6x4 .shapeblock-table-header th { border-style:solid;border-color:#ffffff38;border-width:1px 1px 1px 1px; }\n.shapeblock-table-block-wrap.shapeblock-table-zgk6x4 .shapeblock-table-body td i { font-size:16px; }\n.shapeblock-table-block-wrap.shapeblock-table-zgk6x4 .shapeblock-table-body td { padding-top:16px;padding-bottom:16px;border-style:solid;border-color:#ffffff1a;border-width:0px 0px 1px 0px; }\n.shapeblock-table-block-wrap.shapeblock-table-zgk6x4 .shapeblock-table .shapeblock-tbl-tooltip i { font-size:16px; }\n.shapeblock-table-block-wrap.shapeblock-table-zgk6x4 .shapeblock-table .shapeblock-tbl-tooltip svg { width:16px;height:16px; }\n\/*# sourceURL=shapeblock-block-css-39-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-40-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-41-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-fuc8am is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-qxnnfg wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-mmkkyk is-content-boxed wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-deo48m wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-nzwk5q wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Table 6<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:0px;margin-bottom:0px\">Configure the table style, layout, and display options for this table type. You can customize colors, typography, icons.<\/p> <\/div><\/div> <\/div><\/div> <div class=\"shapeblock-block shapeblock-table-block-wrap shapeblock-table-zgk6x4 wp-block-shapeblock-table\"> <div class=\"shapeblock-table-scroll\"> <table class=\"shapeblock-table\"> <thead class=\"shapeblock-table-header\"> <tr> <th class=\"shapeblock-th\">Name<\/th><th class=\"shapeblock-th\">Role<\/th><th class=\"shapeblock-th\">Department<\/th><th class=\"shapeblock-th\">Status<\/th>\t\t\t\t<\/tr> <\/thead> <tbody class=\"shapeblock-table-body\"> <tr> <td class=\"shapeblock-td\" style=\"background-color:#1f2937\">Jhon Milton<\/td><td class=\"shapeblock-td\" style=\"background-color:#09051b\">Project Manager<\/td><td class=\"shapeblock-td\" style=\"background-color:#1f2937\">Operations<\/td><td class=\"shapeblock-td\" style=\"background-color:#09051b\">Active<\/td><\/tr><tr><td class=\"shapeblock-td\" style=\"background-color:#1f2937\">Alex Carey<\/td><td class=\"shapeblock-td\" style=\"background-color:#09051b\">Project Manager<\/td><td class=\"shapeblock-td\" style=\"background-color:#1f2937\">Operations<\/td><td class=\"shapeblock-td\" style=\"background-color:#09051b\">Active<\/td><\/tr><tr><td class=\"shapeblock-td\" style=\"background-color:#1f2937\">Robert Bush<\/td><td class=\"shapeblock-td\" style=\"background-color:#09051b\">Project Manager<\/td><td class=\"shapeblock-td\" style=\"background-color:#1f2937\">Operations<\/td><td class=\"shapeblock-td\" style=\"background-color:#09051b\">Active<\/td><\/tr><tr><td class=\"shapeblock-td\" style=\"background-color:#1f2937\">Mitchell Marsh<\/td><td class=\"shapeblock-td\" style=\"background-color:#09051b\">Project Manager<\/td><td class=\"shapeblock-td\" style=\"background-color:#1f2937\">Operations<\/td><td class=\"shapeblock-td\" style=\"background-color:#09051b\">Active<\/td>\t\t\t\t<\/tr> <\/tbody> <\/table> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-47-inline-css\">\n.shapeblock-layout-row-fljahn { flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:20px;padding-top:100px;padding-bottom:100px;background-color:#f6f6f6;--bp-cols:1;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-fljahn { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-fljahn { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-fljahn > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-wxzr63 { flex:0 1 calc(100.00% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important;max-width:calc(100.00% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important; }.shapeblock-layout-row-nei7oh { flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:20px;--bp-cols:1;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-nei7oh { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-nei7oh { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-nei7oh > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-3j63x3 { flex:0 1 calc(500px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 500 \/ 100) !important;max-width:calc(500px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 500 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-8jy8xh .shapeblock-heading { text-align:center; }\n\/*# sourceURL=shapeblock-block-css-42-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-43-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-44-inline-css *\/\n\n\n.shapeblock-table-gitenm.shapeblock-table-gitenm.shapeblock-table-gitenm { margin-top:40px; }.shapeblock-table-block-wrap.shapeblock-table-gitenm .shapeblock-table { border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px; }\n.shapeblock-table-block-wrap.shapeblock-table-gitenm .shapeblock-table-body { text-align:center;color:#ffffff;font-weight:inherit; }\n.shapeblock-table-block-wrap.shapeblock-table-gitenm .shapeblock-table-header { text-align:center;color:#ffffff;background-color:#d64838; }\n.shapeblock-table-block-wrap.shapeblock-table-gitenm .shapeblock-table-header th { border-style:solid;border-color:#ffffff66;border-width:1px 1px 2px 1px; }\n.shapeblock-table-block-wrap.shapeblock-table-gitenm .shapeblock-table-body td i { font-size:16px; }\n.shapeblock-table-block-wrap.shapeblock-table-gitenm .shapeblock-table-body td { padding-top:16px;padding-bottom:16px;border-style:solid;border-color:#ffffff1a;border-width:0px 0px 1px 0px; }\n.shapeblock-table-block-wrap.shapeblock-table-gitenm .shapeblock-table .shapeblock-tbl-tooltip i { font-size:16px; }\n.shapeblock-table-block-wrap.shapeblock-table-gitenm .shapeblock-table .shapeblock-tbl-tooltip svg { width:16px;height:16px; }\n\/*# sourceURL=shapeblock-block-css-45-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-46-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-47-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-fljahn is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-wxzr63 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-nei7oh is-content-boxed wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-3j63x3 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-8jy8xh wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Table 7<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:0px;margin-bottom:0px\">Configure the table style, layout, and display options for this table type. You can customize colors, typography, icons.<\/p> <\/div><\/div> <\/div><\/div> <div class=\"shapeblock-block shapeblock-table-block-wrap shapeblock-table-gitenm wp-block-shapeblock-table\"> <div class=\"shapeblock-table-scroll\"> <table class=\"shapeblock-table\"> <thead class=\"shapeblock-table-header\"> <tr> <th class=\"shapeblock-th\">Name<\/th><th class=\"shapeblock-th\">Role<\/th><th class=\"shapeblock-th\">Department<\/th><th class=\"shapeblock-th\">Status<\/th>\t\t\t\t<\/tr> <\/thead> <tbody class=\"shapeblock-table-body\"> <tr> <td class=\"shapeblock-td\" style=\"background-color:#1f2937\">Jhon Milton<\/td><td class=\"shapeblock-td\" style=\"background-color:#09051b\">Project Manager<\/td><td class=\"shapeblock-td\" style=\"background-color:#1f2937\">Operations<\/td><td class=\"shapeblock-td\" style=\"background-color:#09051b\">Active<\/td><\/tr><tr><td class=\"shapeblock-td\" style=\"background-color:#5933ff\">Alex Carey<\/td><td class=\"shapeblock-td\" style=\"background-color:#ff6d1c\">Project Manager<\/td><td class=\"shapeblock-td\" style=\"background-color:#5933ff\">Operations<\/td><td class=\"shapeblock-td\" style=\"background-color:#ff6d1c\">Active<\/td><\/tr><tr><td class=\"shapeblock-td\" style=\"background-color:#ff6d1c\">Robert Bush<\/td><td class=\"shapeblock-td\" style=\"background-color:#5933ff\">Project Manager<\/td><td class=\"shapeblock-td\" style=\"background-color:#ff6d1c\">Operations<\/td><td class=\"shapeblock-td\" style=\"background-color:#5933ff\">Active<\/td><\/tr><tr><td class=\"shapeblock-td\" style=\"background-color:#31bf59\">Mitchell Marsh<\/td><td class=\"shapeblock-td\" style=\"background-color:#1f2937\">Project Manager<\/td><td class=\"shapeblock-td\" style=\"background-color:#09051b\">Operations<\/td><td class=\"shapeblock-td\" style=\"background-color:#31bf59\">Active<\/td>\t\t\t\t<\/tr> <\/tbody> <\/table> <\/div> <\/div> <\/div><\/div> <\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width","meta":{"_blockode_hide_title":true,"footnotes":""},"class_list":["post-700","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/700","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/comments?post=700"}],"version-history":[{"count":23,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/700\/revisions"}],"predecessor-version":[{"id":1485,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/700\/revisions\/1485"}],"wp:attachment":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/media?parent=700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}