{"id":4439,"date":"2025-02-14T11:31:08","date_gmt":"2025-02-14T11:31:08","guid":{"rendered":"https:\/\/vertexaddons.com\/?post_type=widgets&#038;p=4439"},"modified":"2026-06-23T14:26:28","modified_gmt":"2026-06-23T14:26:28","slug":"data-table","status":"publish","type":"widgets","link":"https:\/\/demo.vertexaddons.com\/showcase\/widgets\/data-table\/","title":{"rendered":"Advanced Datatable"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4439\" class=\"elementor elementor-4439\" data-elementor-post-type=\"widgets\">\n\t\t\t\t<div class=\"elementor-element elementor-element-874800d e-flex e-con-boxed e-con e-parent\" data-id=\"874800d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32411c0 elementor-widget elementor-widget-afeb_data_table\" data-id=\"32411c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"afeb_data_table.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"afeb-data-table afeb-alia-theme\" data-settings=\"{&quot;src&quot;:&quot;cstm&quot;,&quot;csv_src&quot;:&quot;&quot;,&quot;buttons&quot;:[{&quot;className&quot;:&quot;elementor-repeater-item-86c972e&quot;,&quot;extend&quot;:&quot;copy&quot;,&quot;text&quot;:&quot;copy&quot;,&quot;titleAttr&quot;:&quot;&quot;},{&quot;className&quot;:&quot;elementor-repeater-item-04b2c60&quot;,&quot;extend&quot;:&quot;excel&quot;,&quot;text&quot;:&quot;excel&quot;,&quot;titleAttr&quot;:&quot;&quot;},{&quot;className&quot;:&quot;elementor-repeater-item-596c23b&quot;,&quot;extend&quot;:&quot;csv&quot;,&quot;text&quot;:&quot;csv&quot;,&quot;titleAttr&quot;:&quot;&quot;},{&quot;className&quot;:&quot;elementor-repeater-item-4337ee3&quot;,&quot;extend&quot;:&quot;print&quot;,&quot;text&quot;:&quot;print&quot;,&quot;titleAttr&quot;:&quot;&quot;}],&quot;dom&quot;:&quot;&lt;\\&quot;dt-layout-row\\&quot;B&gt;&lt;\\&quot;dt-layout-row\\&quot; &lt;\\&quot;dt-layout-cell dt-layout-start\\&quot;l&gt;&lt;\\&quot;dt-layout-cell dt-layout-end\\&quot;f&gt;&gt;rt&lt;\\&quot;dt-layout-row\\&quot; &lt;\\&quot;dt-layout-cell dt-layout-start\\&quot;i&gt;&lt;\\&quot;dt-layout-cell dt-layout-end\\&quot;p&gt;&gt;&quot;,&quot;info&quot;:true,&quot;lengthChange&quot;:true,&quot;lengthMenu&quot;:[&quot;5&quot;,&quot;10&quot;,&quot;25&quot;,&quot;50&quot;,&quot;100&quot;],&quot;language&quot;:{&quot;emptyTable&quot;:&quot;No data available in table&quot;,&quot;info&quot;:&quot;Showing page _PAGE_ of _PAGES_&quot;,&quot;infoEmpty&quot;:&quot;No entries to show&quot;,&quot;infoFiltered&quot;:&quot; - filtered from _MAX_ records&quot;,&quot;lengthMenu&quot;:&quot;Show _MENU_ entries&quot;,&quot;loadingRecords&quot;:&quot;Please wait - loading...&quot;,&quot;paginate&quot;:{&quot;first&quot;:&quot;First&quot;,&quot;last&quot;:&quot;Last&quot;,&quot;next&quot;:&quot;Next&quot;,&quot;previous&quot;:&quot;Prev&quot;},&quot;search&quot;:&quot;Search:&quot;,&quot;searchPlaceholder&quot;:&quot;Type Here To Search...&quot;,&quot;thousands&quot;:&quot;,&quot;,&quot;url&quot;:&quot;&quot;,&quot;zeroRecords&quot;:&quot;No matching records found&quot;},&quot;ordering&quot;:true,&quot;paging&quot;:true,&quot;pageLength&quot;:10,&quot;pagingType&quot;:&quot;simple_numbers&quot;,&quot;searching&quot;:true,&quot;scrollX&quot;:true}\">\n                                <table id=\"afeb-inner-table-32411c0\" class=\"afeb-inner-table cell-border\">\n                        <thead>\n                            <tr>\n                                                                    <th class=\"elementor-repeater-item-79362d9\">\n                                        <p>Name<\/p>                                    <\/th>\n                                                                    <th class=\"elementor-repeater-item-7a15b86\">\n                                        <p>Position<\/p>                                    <\/th>\n                                                                    <th class=\"elementor-repeater-item-c8d0f99\">\n                                        <p>Office<\/p>                                    <\/th>\n                                                                    <th class=\"elementor-repeater-item-11c7af4\">\n                                        <p>Age<\/p>                                    <\/th>\n                                                                    <th class=\"elementor-repeater-item-c358823\">\n                                        <p>Start Date<\/p>                                    <\/th>\n                                                                    <th class=\"elementor-repeater-item-8e61d8b\">\n                                        <p>Salary<\/p>                                    <\/th>\n                                                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <tr>\n                                                                                                            <td class=\"elementor-repeater-item-f841ef6\">\n                                            <p>Airi Satou<\/p>                                        <\/td>\n                                                                                                                                                <td class=\"elementor-repeater-item-ab1241b\">\n                                            <p>Accountant<\/p>                                        <\/td>\n                                                                                                                                                <td class=\"elementor-repeater-item-9c89c59\">\n                                            <p>Tokyo<\/p>                                        <\/td>\n                                                                                                                                                <td class=\"elementor-repeater-item-abe35b3\">\n                                            <p>33<\/p>                                        <\/td>\n                                                                                                                                                <td class=\"elementor-repeater-item-1a87e65\">\n                                            <p>2008\/11\/28<\/p>                                        <\/td>\n                                                                                                                                                <td class=\"elementor-repeater-item-0a5a0b7\">\n                                            <p>$162,700<\/p>                                        <\/td>\n                                                                                                        <\/tr><tr>                                                                                                            <td class=\"elementor-repeater-item-ed83cc7\">\n                                            <p>Angelica Ramos<\/p>                                        <\/td>\n                                                                                                                                                <td class=\"elementor-repeater-item-8a69557\">\n                                            <p>Chief Executive Officer (CEO)<\/p>                                        <\/td>\n                                                                                                                                                <td class=\"elementor-repeater-item-5c8a587\">\n                                            <p>London<\/p>                                        <\/td>\n                                                                                                                                                <td class=\"elementor-repeater-item-ef09abe\">\n                                            <p>47<\/p>                                        <\/td>\n                                                                                                                                                <td class=\"elementor-repeater-item-744506a\">\n                                            <p>2009\/10\/09<\/p>                                        <\/td>\n                                                                                                                                                <td class=\"elementor-repeater-item-8206923\">\n                                            <p>$1,200,000<\/p>                                        <\/td>\n                                                                                                <\/tr>\n                        <\/tbody>\n                    <\/table>\n                                    <\/div>\n\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<div class=\"elementor-element elementor-element-54675e2 e-flex e-con-boxed e-con e-parent\" data-id=\"54675e2\" 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\t\t<div class=\"elementor-element elementor-element-feba442 elementor-widget elementor-widget-afeb_data_table\" data-id=\"feba442\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"afeb_data_table.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"afeb-data-table afeb-alia-theme\" data-settings=\"{&quot;src&quot;:&quot;csv&quot;,&quot;csv_src&quot;:&quot;https:\\\/\\\/vertexaddons.com\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/email-1.csv&quot;,&quot;buttons&quot;:[{&quot;className&quot;:&quot;elementor-repeater-item-86c972e&quot;,&quot;extend&quot;:&quot;copy&quot;,&quot;text&quot;:&quot;copy&quot;,&quot;titleAttr&quot;:&quot;&quot;},{&quot;className&quot;:&quot;elementor-repeater-item-04b2c60&quot;,&quot;extend&quot;:&quot;excel&quot;,&quot;text&quot;:&quot;excel&quot;,&quot;titleAttr&quot;:&quot;&quot;},{&quot;className&quot;:&quot;elementor-repeater-item-596c23b&quot;,&quot;extend&quot;:&quot;csv&quot;,&quot;text&quot;:&quot;csv&quot;,&quot;titleAttr&quot;:&quot;&quot;},{&quot;className&quot;:&quot;elementor-repeater-item-4337ee3&quot;,&quot;extend&quot;:&quot;print&quot;,&quot;text&quot;:&quot;print&quot;,&quot;titleAttr&quot;:&quot;&quot;}],&quot;dom&quot;:&quot;&lt;\\&quot;dt-layout-row\\&quot;B&gt;&lt;\\&quot;dt-layout-row\\&quot; &lt;\\&quot;dt-layout-cell dt-layout-start\\&quot;l&gt;&lt;\\&quot;dt-layout-cell dt-layout-end\\&quot;f&gt;&gt;rt&lt;\\&quot;dt-layout-row\\&quot; &lt;\\&quot;dt-layout-cell dt-layout-start\\&quot;i&gt;&lt;\\&quot;dt-layout-cell dt-layout-end\\&quot;p&gt;&gt;&quot;,&quot;info&quot;:true,&quot;lengthChange&quot;:true,&quot;lengthMenu&quot;:[&quot;5&quot;,&quot;10&quot;,&quot;25&quot;,&quot;50&quot;,&quot;100&quot;],&quot;language&quot;:{&quot;emptyTable&quot;:&quot;No data available in table&quot;,&quot;info&quot;:&quot;Showing page _PAGE_ of _PAGES_&quot;,&quot;infoEmpty&quot;:&quot;No entries to show&quot;,&quot;infoFiltered&quot;:&quot; - filtered from _MAX_ records&quot;,&quot;lengthMenu&quot;:&quot;Show _MENU_ entries&quot;,&quot;loadingRecords&quot;:&quot;Please wait - loading...&quot;,&quot;paginate&quot;:{&quot;first&quot;:&quot;First&quot;,&quot;last&quot;:&quot;Last&quot;,&quot;next&quot;:&quot;Next&quot;,&quot;previous&quot;:&quot;Prev&quot;},&quot;search&quot;:&quot;Search:&quot;,&quot;searchPlaceholder&quot;:&quot;Type Here To Search...&quot;,&quot;thousands&quot;:&quot;,&quot;,&quot;url&quot;:&quot;&quot;,&quot;zeroRecords&quot;:&quot;No matching records found&quot;},&quot;ordering&quot;:true,&quot;paging&quot;:true,&quot;pageLength&quot;:10,&quot;pagingType&quot;:&quot;simple_numbers&quot;,&quot;searching&quot;:true,&quot;scrollX&quot;:true}\">\n                    <\/div>\n\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>The Data Table Widget allows you to create structured tables with sortable columns, filters, and responsive controls. Ideal for showcasing reports, datasets, and comparison tables, it ensures clear and organized data presentation.<\/p>\n","protected":false},"featured_media":5431,"template":"","meta":{"_acf_changed":false},"class_list":["post-4439","widgets","type-widgets","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/demo.vertexaddons.com\/showcase\/wp-json\/wp\/v2\/widgets\/4439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.vertexaddons.com\/showcase\/wp-json\/wp\/v2\/widgets"}],"about":[{"href":"https:\/\/demo.vertexaddons.com\/showcase\/wp-json\/wp\/v2\/types\/widgets"}],"version-history":[{"count":1,"href":"https:\/\/demo.vertexaddons.com\/showcase\/wp-json\/wp\/v2\/widgets\/4439\/revisions"}],"predecessor-version":[{"id":5532,"href":"https:\/\/demo.vertexaddons.com\/showcase\/wp-json\/wp\/v2\/widgets\/4439\/revisions\/5532"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/demo.vertexaddons.com\/showcase\/wp-json\/wp\/v2\/media\/5431"}],"wp:attachment":[{"href":"https:\/\/demo.vertexaddons.com\/showcase\/wp-json\/wp\/v2\/media?parent=4439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}