{"id":4108,"date":"2026-09-20T20:20:43","date_gmt":"2026-09-20T20:20:43","guid":{"rendered":"https:\/\/marketplace.emcptools.com\/widgets\/data-table\/"},"modified":"2026-09-21T17:36:55","modified_gmt":"2026-09-21T17:36:55","slug":"data-table","status":"publish","type":"page","link":"https:\/\/marketplace.emcptools.com\/widgets\/data-table\/","title":{"rendered":"Data Table"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4108\" class=\"elementor elementor-4108\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ecb5827 e-flex e-con-boxed e-con e-parent\" data-id=\"ecb5827\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-eaef122 e-flex e-con-full e-con e-child\" data-id=\"eaef122\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4945421 elementor-widget elementor-widget-html\" data-id=\"4945421\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"top\"><a href=\"https:\/\/marketplace.emcptools.com\/widgets\/\">&larr; All widgets<\/a><span>Widget 153 &middot; <code>emcp_custom_153<\/code><\/span><\/div><h2 style=\"font-size:36px;margin-bottom:8px\">Data Table<\/h2><div class=\"chips\"><span class=\"chip dark\">Elementor widget<\/span><span class=\"chip\">5 layouts<\/span><span class=\"chip\">19 content options<\/span><span class=\"chip\">28 style options<\/span><span class=\"chip\">5 panel sections<\/span><\/div><p>Built with the EMCP Widget Builder and registered under the <b>EMCP Custom<\/b> category of the Elementor panel. Search the panel for: table, data, csv, sortable, pricing, comparison.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-93b4f4c e-flex e-con-full e-con e-child\" data-id=\"93b4f4c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f44884b elementor-widget elementor-widget-html\" data-id=\"f44884b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><h2>Setup guide<\/h2><ol><li>Open a page in Elementor, search the panel for <b>Data Table<\/b> and drag it into a container.<\/li><li><b>Content &rsaquo; Data<\/b>: Table Data (CSV), Delimiter, First Row Is Header, First Column Is Header, Caption, Footer Note.<\/li><li><b>Content &rsaquo; Features<\/b>: Sortable Columns, Search Box, Search Placeholder, Rows Per Page (0 = all), Responsive Mode, Sticky Header, Striped Rows, Cell Borders and 5 more.<\/li><li>Pick a <b>Style<\/b>: Clean, Card, Dark header, Minimal lines, Rounded rows. Each one is shown below.<\/li><li><b>Style tab<\/b> sections: Header, Cells, Search, Pager &amp; Caption. Colours, typography and spacing set here are scoped to this widget instance.<\/li><li>Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.<\/li><\/ol><div class=\"note\">Conditional options: <code>Search Placeholder<\/code> appears when <code>Search Box<\/code> is yes.<\/div><div class=\"note\">Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31f2ee6 e-flex e-con-full e-con e-child\" data-id=\"31f2ee6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf7a7ec elementor-widget elementor-widget-html\" data-id=\"bf7a7ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Clean<\/h3><\/div><p class=\"demo-cap\">Style = <code>clean<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7cf9e56 elementor-widget elementor-widget-emcp_custom_153\" data-id=\"7cf9e56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_153.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-dt emcp-dt--clean emcp-dt--resp-scroll is-striped has-hover is-sortable has-thead align-nums\" data-delim=\",\" data-per-page=\"3\" data-hl=\"2\"><script type=\"text\/plain\" class=\"emcp-dt__src\">Plan,Price,Storage,Users,Support<br \/>\nStarter,$9\/mo,10 GB,1,Email<br \/>\nGrowth,$29\/mo,100 GB,5,Priority email<br \/>\nBusiness,$79\/mo,1 TB,25,Phone + chat<br \/>\nEnterprise,Custom,Unlimited,Unlimited,Dedicated manager<\/script><div class=\"emcp-dt__tools\"><input type=\"search\" class=\"emcp-dt__search\" placeholder=\"Search...\" aria-label=\"Search table\"><span class=\"emcp-dt__count\"><\/span><\/div><div class=\"emcp-dt__wrap\"><table class=\"emcp-dt__table\"><\/table><\/div><div class=\"emcp-dt__pager\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5e01ee e-flex e-con-full e-con e-child\" data-id=\"f5e01ee\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46cde11 elementor-widget elementor-widget-html\" data-id=\"46cde11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Card<\/h3><\/div><p class=\"demo-cap\">Style = <code>card<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8fb5841 elementor-widget elementor-widget-emcp_custom_153\" data-id=\"8fb5841\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_153.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-dt emcp-dt--card emcp-dt--resp-scroll is-striped has-hover is-sortable has-thead align-nums\" data-delim=\",\" data-per-page=\"3\" data-hl=\"2\"><script type=\"text\/plain\" class=\"emcp-dt__src\">Plan,Price,Storage,Users,Support<br \/>\nStarter,$9\/mo,10 GB,1,Email<br \/>\nGrowth,$29\/mo,100 GB,5,Priority email<br \/>\nBusiness,$79\/mo,1 TB,25,Phone + chat<br \/>\nEnterprise,Custom,Unlimited,Unlimited,Dedicated manager<\/script><div class=\"emcp-dt__tools\"><input type=\"search\" class=\"emcp-dt__search\" placeholder=\"Search...\" aria-label=\"Search table\"><span class=\"emcp-dt__count\"><\/span><\/div><div class=\"emcp-dt__wrap\"><table class=\"emcp-dt__table\"><\/table><\/div><div class=\"emcp-dt__pager\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c9653e5 e-flex e-con-full e-con e-child\" data-id=\"c9653e5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a4da17 elementor-widget elementor-widget-html\" data-id=\"9a4da17\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Dark header<\/h3><\/div><p class=\"demo-cap\">Style = <code>dark-head<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3596341 elementor-widget elementor-widget-emcp_custom_153\" data-id=\"3596341\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_153.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-dt emcp-dt--dark-head emcp-dt--resp-scroll is-striped has-hover is-sortable has-thead align-nums\" data-delim=\",\" data-per-page=\"3\" data-hl=\"2\"><script type=\"text\/plain\" class=\"emcp-dt__src\">Plan,Price,Storage,Users,Support<br \/>\nStarter,$9\/mo,10 GB,1,Email<br \/>\nGrowth,$29\/mo,100 GB,5,Priority email<br \/>\nBusiness,$79\/mo,1 TB,25,Phone + chat<br \/>\nEnterprise,Custom,Unlimited,Unlimited,Dedicated manager<\/script><div class=\"emcp-dt__tools\"><input type=\"search\" class=\"emcp-dt__search\" placeholder=\"Search...\" aria-label=\"Search table\"><span class=\"emcp-dt__count\"><\/span><\/div><div class=\"emcp-dt__wrap\"><table class=\"emcp-dt__table\"><\/table><\/div><div class=\"emcp-dt__pager\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f2d0fe2 e-flex e-con-full e-con e-child\" data-id=\"f2d0fe2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e634b3 elementor-widget elementor-widget-html\" data-id=\"8e634b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Minimal lines<\/h3><\/div><p class=\"demo-cap\">Style = <code>minimal<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f216c8 elementor-widget elementor-widget-emcp_custom_153\" data-id=\"3f216c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_153.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-dt emcp-dt--minimal emcp-dt--resp-scroll is-striped has-hover is-sortable has-thead align-nums\" data-delim=\",\" data-per-page=\"3\" data-hl=\"2\"><script type=\"text\/plain\" class=\"emcp-dt__src\">Plan,Price,Storage,Users,Support<br \/>\nStarter,$9\/mo,10 GB,1,Email<br \/>\nGrowth,$29\/mo,100 GB,5,Priority email<br \/>\nBusiness,$79\/mo,1 TB,25,Phone + chat<br \/>\nEnterprise,Custom,Unlimited,Unlimited,Dedicated manager<\/script><div class=\"emcp-dt__tools\"><input type=\"search\" class=\"emcp-dt__search\" placeholder=\"Search...\" aria-label=\"Search table\"><span class=\"emcp-dt__count\"><\/span><\/div><div class=\"emcp-dt__wrap\"><table class=\"emcp-dt__table\"><\/table><\/div><div class=\"emcp-dt__pager\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-72090b7 e-flex e-con-full e-con e-child\" data-id=\"72090b7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6598eb6 elementor-widget elementor-widget-html\" data-id=\"6598eb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Rounded rows<\/h3><\/div><p class=\"demo-cap\">Style = <code>rounded<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b96de5 elementor-widget elementor-widget-emcp_custom_153\" data-id=\"8b96de5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_153.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-dt emcp-dt--rounded emcp-dt--resp-scroll is-striped has-hover is-sortable has-thead align-nums\" data-delim=\",\" data-per-page=\"3\" data-hl=\"2\"><script type=\"text\/plain\" class=\"emcp-dt__src\">Plan,Price,Storage,Users,Support<br \/>\nStarter,$9\/mo,10 GB,1,Email<br \/>\nGrowth,$29\/mo,100 GB,5,Priority email<br \/>\nBusiness,$79\/mo,1 TB,25,Phone + chat<br \/>\nEnterprise,Custom,Unlimited,Unlimited,Dedicated manager<\/script><div class=\"emcp-dt__tools\"><input type=\"search\" class=\"emcp-dt__search\" placeholder=\"Search...\" aria-label=\"Search table\"><span class=\"emcp-dt__count\"><\/span><\/div><div class=\"emcp-dt__wrap\"><table class=\"emcp-dt__table\"><\/table><\/div><div class=\"emcp-dt__pager\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-624bd03 e-flex e-con-full e-con e-child\" data-id=\"624bd03\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d455562 elementor-widget elementor-widget-html\" data-id=\"d455562\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><h2>Options reference<\/h2><p>Every control the widget exposes, grouped by panel section. Names in <code>code<\/code> are the setting keys used by the MCP tools (<code>add-free-widget<\/code>, <code>update-widget<\/code>).<\/p><h3 style=\"margin-top:8px\">Content tab<\/h3><p style=\"margin:14px 0 6px;font-weight:700\">Data<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Table Data (CSV)<\/b><br><code>csv<\/code><\/td><td>Textarea<\/td><td><\/td><td>Plan,Price,Storage,Users,Support\nStar...<\/td><td>One row per line, cells separated by the delimiter below. Wrap a cell in double quotes if it contains the delimiter. Cells may contain simple links: [Text](https:\/\/example.com).<\/td><\/tr><tr><td><b>Delimiter<\/b><br><code>delimiter<\/code><\/td><td>Dropdown<\/td><td>Comma, Semicolon, Tab, Pipe<\/td><td>,<\/td><td><\/td><\/tr><tr><td><b>First Row Is Header<\/b><br><code>header_row<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>First Column Is Header<\/b><br><code>header_col<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Caption<\/b><br><code>caption<\/code><\/td><td>Text<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Footer Note<\/b><br><code>footer_note<\/code><\/td><td>Text<\/td><td><\/td><td><\/td><td><\/td><\/tr><\/tbody><\/table><p style=\"margin:14px 0 6px;font-weight:700\">Features<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Sortable Columns<\/b><br><code>sortable<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Search Box<\/b><br><code>search<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Search Placeholder<\/b><br><code>search_ph<\/code><\/td><td>Text<\/td><td><\/td><td>Search...<\/td><td>Shown when search = yes<\/td><\/tr><tr><td><b>Rows Per Page (0 = all)<\/b><br><code>per_page<\/code><\/td><td>Number<\/td><td>min 0, max 500<\/td><td>0<\/td><td><\/td><\/tr><tr><td><b>Responsive Mode<\/b><br><code>responsive<\/code><\/td><td>Dropdown<\/td><td>Horizontal scroll, Stack rows as cards (mobile), Hide columns after the third (mobile)<\/td><td>scroll<\/td><td><\/td><\/tr><tr><td><b>Sticky Header<\/b><br><code>sticky_head<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Striped Rows<\/b><br><code>striped<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Cell Borders<\/b><br><code>bordered<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Highlight Row on Hover<\/b><br><code>hover<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Compact<\/b><br><code>compact<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Highlight Column (0 = none)<\/b><br><code>highlight_col<\/code><\/td><td>Number<\/td><td>min 0, max 50<\/td><td>0<\/td><td><\/td><\/tr><tr><td><b>Right-align Numeric Cells<\/b><br><code>align_nums<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Style<\/b><br><code>style<\/code><\/td><td>Dropdown<\/td><td>Clean, Card, Dark header, Minimal lines, Rounded rows<\/td><td>clean<\/td><td><\/td><\/tr><\/tbody><\/table><h3 style=\"margin-top:8px\">Style tab<\/h3><p style=\"margin:14px 0 6px;font-weight:700\">Header<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Typography<\/b><br><code>th_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Color<\/b><br><code>th_color<\/code><\/td><td>Color<\/td><td><\/td><td>#101828<\/td><td><\/td><\/tr><tr><td><b>Background<\/b><br><code>th_bg<\/code><\/td><td>Color<\/td><td><\/td><td>#f9fafb<\/td><td><\/td><\/tr><tr><td><b>Header Background (dark header style)<\/b><br><code>th_bg_dark<\/code><\/td><td>Color<\/td><td><\/td><td>#101828<\/td><td>Shown when style = dark-head<\/td><\/tr><tr><td><b>Header Text (dark header style)<\/b><br><code>th_color_dark<\/code><\/td><td>Color<\/td><td><\/td><td>#ffffff<\/td><td>Shown when style = dark-head<\/td><\/tr><tr><td><b>Padding<\/b><br><code>th_pad<\/code><\/td><td>Dimensions<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Alignment<\/b><br><code>th_align<\/code><\/td><td>Button group<\/td><td>Left, Center, Right<\/td><td>left<\/td><td><\/td><\/tr><tr><td><b>Sort Arrow Color<\/b><br><code>sort_color<\/code><\/td><td>Color<\/td><td><\/td><td>#98a2b3<\/td><td><\/td><\/tr><\/tbody><\/table><p style=\"margin:14px 0 6px;font-weight:700\">Cells<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Typography<\/b><br><code>td_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Color<\/b><br><code>td_color<\/code><\/td><td>Color<\/td><td><\/td><td>#344054<\/td><td><\/td><\/tr><tr><td><b>Padding<\/b><br><code>td_pad<\/code><\/td><td>Dimensions<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Alignment<\/b><br><code>td_align<\/code><\/td><td>Button group<\/td><td>Left, Center, Right<\/td><td>left<\/td><td><\/td><\/tr><tr><td><b>Row Background<\/b><br><code>row_bg<\/code><\/td><td>Color<\/td><td><\/td><td>#ffffff<\/td><td><\/td><\/tr><tr><td><b>Stripe Background<\/b><br><code>stripe_bg<\/code><\/td><td>Color<\/td><td><\/td><td>#f9fafb<\/td><td><\/td><\/tr><tr><td><b>Hover Background<\/b><br><code>hover_bg<\/code><\/td><td>Color<\/td><td><\/td><td>#f4ebff<\/td><td><\/td><\/tr><tr><td><b>Highlighted Column Background<\/b><br><code>hl_bg<\/code><\/td><td>Color<\/td><td><\/td><td>#f4ebff<\/td><td><\/td><\/tr><tr><td><b>Border Color<\/b><br><code>border_color<\/code><\/td><td>Color<\/td><td><\/td><td>#eaecf0<\/td><td><\/td><\/tr><tr><td><b>Border Width<\/b><br><code>border_w<\/code><\/td><td>Slider<\/td><td>min 0, max 6, px<\/td><td>1<\/td><td><\/td><\/tr><tr><td><b>Table Radius<\/b><br><code>radius<\/code><\/td><td>Slider<\/td><td>min 0, max 40, px<\/td><td>12<\/td><td><\/td><\/tr><tr><td><b>Table Shadow<\/b><br><code>shadow<\/code><\/td><td>Box shadow<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Link Color<\/b><br><code>link_color<\/code><\/td><td>Color<\/td><td><\/td><td>#6a11cb<\/td><td><\/td><\/tr><tr><td><b>Header Column Typography<\/b><br><code>first_col_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><\/tbody><\/table><p style=\"margin:14px 0 6px;font-weight:700\">Search, Pager &amp; Caption<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Caption Typography<\/b><br><code>cap_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Caption Color<\/b><br><code>cap_color<\/code><\/td><td>Color<\/td><td><\/td><td>#101828<\/td><td><\/td><\/tr><tr><td><b>Footer Note Color<\/b><br><code>note_color<\/code><\/td><td>Color<\/td><td><\/td><td>#667085<\/td><td><\/td><\/tr><tr><td><b>Search Border<\/b><br><code>input_border<\/code><\/td><td>Color<\/td><td><\/td><td>#d0d5dd<\/td><td><\/td><\/tr><tr><td><b>Pager Color<\/b><br><code>pager_color<\/code><\/td><td>Color<\/td><td><\/td><td>#475467<\/td><td><\/td><\/tr><tr><td><b>Pager Active Background<\/b><br><code>pager_active<\/code><\/td><td>Color<\/td><td><\/td><td>#6a11cb<\/td><td><\/td><\/tr><\/tbody><\/table><h3>Add it with the MCP tools<\/h3><p>Any connected agent can place this widget: call <code>add-free-widget<\/code> with <code>widget_type: \"emcp_custom_153\"<\/code> and a <code>settings<\/code> object using the keys above. Run <code>get-custom-widget<\/code> with id <code>153<\/code> for the full JSON spec.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&larr; All widgetsWidget 153 &middot; emcp_custom_153 Data Table Elementor widget5 layouts19 content options28 style options5 panel sections Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: table, data, csv, sortable, pricing, comparison. Setup guide Open a page in Elementor, search the panel for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-4108","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/4108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/comments?post=4108"}],"version-history":[{"count":25,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/4108\/revisions"}],"predecessor-version":[{"id":6322,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/4108\/revisions\/6322"}],"wp:attachment":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/media?parent=4108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}