{"id":35879,"date":"2023-02-15T09:49:54","date_gmt":"2023-02-15T09:49:54","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=features&#038;p=35879"},"modified":"2026-04-07T12:57:17","modified_gmt":"2026-04-07T12:57:17","slug":"dynamic-tables-builder-overview","status":"publish","type":"features","link":"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-tables-builder-overview\/","title":{"rendered":"Dynamic Tables Builder"},"content":{"rendered":"\n<p>This article focuses on setting up the table with the Dynamic Table Builder instrument from the <em>JetEngine <\/em>WordPress plugin and displaying it with various site builders, like Elementor, Gutenberg (Block Builder), and Bricks Builder.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"enable-the-dynamic-table-builder\">Enable the Dynamic Table Builder<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>First of all, proceed to <strong><em>WordPress Dashboard &gt; JetEngine &gt; JetEngine &gt; Modules &gt; External Modules<\/em><\/strong> and enable the <strong>Dynamic Tables Builder<\/strong> module.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-tables-builder-module-enabled.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-tables-builder-module-enabled-1024x640.webp\" alt=\"dynamic tables builder module enabled\" class=\"wp-image-49348\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-tables-builder-module-enabled-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-tables-builder-module-enabled-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-tables-builder-module-enabled-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-tables-builder-module-enabled-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-tables-builder-module-enabled-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-tables-builder-module-enabled.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create-a-custom-query\">Create a Custom Query  <\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Proceed to the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/query-builder-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Query Builder<\/strong><\/a> and set up a custom query to serve as the source for the table. In this case, we create a simple <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/query-builder-posts-query-type\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Posts Query<\/strong><\/a>.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/posts-query-created.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/posts-query-created-1024x640.webp\" alt=\"posts query created\" class=\"wp-image-49349\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/posts-query-created-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/posts-query-created-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/posts-query-created-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/posts-query-created-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/posts-query-created-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/posts-query-created.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"dynamic-tables-builder-overview\">Dynamic Tables Builder Overview<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Now, let\u2019s proceed to <strong><em>WordPress Dashboard &gt; JetEngine &gt; Tables Builder<\/em><\/strong> and click the \u201c<strong>Add New<\/strong>\u201d button. Let\u2019s have a closer look at the table builder\u2019s settings.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"general-settingsnbsp\">General Settings&nbsp;<\/h3>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>In the <strong>General Settings <\/strong>tab, three fields are presented.\u00a0\u00a0<\/p>\n\n\n\n<ul>\n<li><strong>Name <\/strong>\u2013 the name of the table that will be shown in the admin menu;<\/li>\n\n\n\n<li><strong>Data Query<\/strong> \u2013 in this field, you need to choose the query you have created before with the <strong>Query Builder<\/strong>. You can also create a new query or edit the existing one by clicking the dedicated links under the input;&nbsp;<\/li>\n\n\n\n<li><strong>Fetch the data<\/strong> \u2013 to fetch a sample of the data to find all possible columns and preview the table, click the \u201c<strong>Re-fetch Data<\/strong>\u201d button.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/general-settings-tab-of-the-tables-builder.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/general-settings-tab-of-the-tables-builder-1024x640.webp\" alt=\"general settings tab of the tables builder\" class=\"wp-image-49350\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/general-settings-tab-of-the-tables-builder-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/general-settings-tab-of-the-tables-builder-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/general-settings-tab-of-the-tables-builder-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/general-settings-tab-of-the-tables-builder-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/general-settings-tab-of-the-tables-builder-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/general-settings-tab-of-the-tables-builder.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n<div class=\"note-banner d-flex border-bold border-jetsmartfilters rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\">Don\u2019t forget to click on the \u201c<strong>Re-fetch Data<\/strong>\u201d button when you change the post type in the <strong>Data Query<\/strong> field.<\/p><\/div><\/div>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"columns\"> Columns <\/h3>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Moving to the <strong>Columns <\/strong>tab, you can add the columns for the table by clicking the \u201c<strong>New column<\/strong>\u201d button.&nbsp;<\/p>\n\n\n\n<ul>\n<li><strong>Column Name<\/strong> \u2013 the column name is displayed in the table\u2019s heading;<\/li>\n\n\n\n<li><strong>Column Content<\/strong> \u2013 from this dropdown, you can choose the type of content that will be displayed in the column. There are two options: \u201cRaw Value\u201d and \u201cTemplate\u201d.<\/li>\n<\/ul>\n\n\n\n<p>If we choose the \u201cRaw Value\u201d, the <strong>Data Source <\/strong>field appears. From the newly appeared field, we can select one of the following sources: \u201cFetched Column\u201d, \u201cPost\/Term\/User\/Object Field\u201d, and \u201cMeta field\u201d. Let\u2019s have a closer look at each of them.<\/p>\n\n\n\n<ul>\n<li><strong>Fetched Column<\/strong> \u2013 here you can select a column from previously fetched columns.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/fetched-columns.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/fetched-columns-1024x640.webp\" alt=\"fetched columns\" class=\"wp-image-49351\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/fetched-columns-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/fetched-columns-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/fetched-columns-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/fetched-columns-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/fetched-columns-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/fetched-columns.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n<div class=\"note-banner d-flex border-bold border-jetsmartfilters rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\"><strong>Fetched Column<\/strong> does not work with <em>WooCommerce<\/em> because it has a different structure and cannot get data from the database.<\/p><\/div><\/div>\n\n\n\n<ul>\n<li><strong>Post\/Term\/User\/Object Field<\/strong> \u2013 select a field from the current object to show in this column.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/Post-Term-User-Object-Field-fields.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/Post-Term-User-Object-Field-fields-1024x640.webp\" alt=\"post-term-user-object fields\" class=\"wp-image-49352\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/Post-Term-User-Object-Field-fields-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/Post-Term-User-Object-Field-fields-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/Post-Term-User-Object-Field-fields-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/Post-Term-User-Object-Field-fields-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/Post-Term-User-Object-Field-fields-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/Post-Term-User-Object-Field-fields.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Meta Field<\/strong> \u2013 select the meta field from <em>JetEngine <\/em>fields to show in this column.&nbsp;<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/meta-field-selected.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/meta-field-selected-1024x640.webp\" alt=\"meta field selected\" class=\"wp-image-49353\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/meta-field-selected-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/meta-field-selected-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/meta-field-selected-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/meta-field-selected-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/meta-field-selected-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/meta-field-selected.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>You can also enable the <strong>Filter Column Output<\/strong> toggle if you need to choose the <strong>Callback <\/strong>function to filter the column value.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/filter-column-output-enabled.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/filter-column-output-enabled-1024x640.webp\" alt=\"filter column output enabled\" class=\"wp-image-49354\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/filter-column-output-enabled-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/filter-column-output-enabled-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/filter-column-output-enabled-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/filter-column-output-enabled-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/filter-column-output-enabled-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/filter-column-output-enabled.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>If you enable the <strong>Customize Column Output<\/strong> option, you can customize the field\u2019s output. Ensure you use the \u201c%s\u201d to display the field\u2019s value.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/customized-field-output.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/customized-field-output-1024x640.webp\" alt=\"customized field output\" class=\"wp-image-49355\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/customized-field-output-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/customized-field-output-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/customized-field-output-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/customized-field-output-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/customized-field-output-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/customized-field-output.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>If you select the \u201cTemplate\u201d <strong>Column Content<\/strong>, you will be able to choose the template to use as the base template for the current column items. It is usually used to display images or buttons.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/template-column-content-is-used.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/template-column-content-is-used-1024x640.webp\" alt=\"template column content is used\" class=\"wp-image-49356\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/template-column-content-is-used-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/template-column-content-is-used-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/template-column-content-is-used-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/template-column-content-is-used-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/template-column-content-is-used-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/template-column-content-is-used.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"table-styles\">Table Styles<\/h3>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>In the <strong>Table Styles<\/strong> section, you can adjust the width and set the alignment for the cells and headings in the table.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/style-settings-tab.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/style-settings-tab-1024x640.webp\" alt=\"style settings tab \" class=\"wp-image-49357\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/style-settings-tab-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/style-settings-tab-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/style-settings-tab-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/style-settings-tab-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/style-settings-tab-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/style-settings-tab.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n<div class=\"note-banner d-flex border-bold border-jetsmartfilters rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\"><strong>Table Styles<\/strong> that you add in this module will override the styles of the <strong>Dynamic Table<\/strong> widget\/block\/element.<\/p><\/div><\/div>\n\n\n\n<p>You can always preview the result by clicking the \u201c<strong>Reload Preview<\/strong>\u201d button.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/preview-results-of-the-dynamic-table.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/preview-results-of-the-dynamic-table-1024x640.webp\" alt=\"preview results of the dynamic table\" class=\"wp-image-49358\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/preview-results-of-the-dynamic-table-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/preview-results-of-the-dynamic-table-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/preview-results-of-the-dynamic-table-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/preview-results-of-the-dynamic-table-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/preview-results-of-the-dynamic-table-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/preview-results-of-the-dynamic-table.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Click the \u201c<strong>Create Table<\/strong>\u201d button once you are ready.<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"dynamic-table-widget-in-elementor\">Dynamic Table Widget in Elementor<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Open the needed page in the Elementor editor. To display the table on the front end, you can add the <strong>Dynamic Table<\/strong> widget.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-table-widget-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-table-widget-settings-1024x640.webp\" alt=\"dynamic table widget settings\" class=\"wp-image-49359\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-table-widget-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-table-widget-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-table-widget-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-table-widget-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-table-widget-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-table-widget-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Let\u2019s have a closer look at the available settings.<\/p>\n\n\n\n<ul>\n<li><strong>Table <\/strong>\u2013 from this dropdown, select the table you created;&nbsp;<\/li>\n\n\n\n<li><strong>Show column names in table header<\/strong> \u2013 enable the toggle if you need the column names in the table header;<\/li>\n\n\n\n<li><strong>Show column names in table footer <\/strong>\u2013 enable the toggle if you need the column names in the table footer;<\/li>\n\n\n\n<li><strong>Allow horizontal scroll<\/strong> \u2013 enable the toggle if you have a lot of columns to scroll them horizontally;&nbsp;<\/li>\n\n\n\n<li><strong>Rewrite table query<\/strong> \u2013 turn the toggle on if you need to use a different query. Allow the use of various data for the same layout and avoid table duplication.\u00a0<\/li>\n<\/ul>\n\n\n\n<p>In the <strong>Style <\/strong>tab, you can apply the desired styles. If you need to style the table only within the widget, remove the styles on the backend as they override the widget\u2019s settings. Moreover, styles in the widget will apply to the entire table, not just a single column.<\/p>\n\n\n\n<p>Click the \u201c<strong>Publish<\/strong>\u201d button once you are ready with the settings.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"dynamic-table-block-in-gutenberg\">Dynamic Table Block in Gutenberg<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>You can also add the <strong>Dynamic Table<\/strong> block in Gutenberg. Open the needed page, and add the <strong>Dynamic Table<\/strong> block.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-table-block-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-table-block-settings-1024x640.webp\" alt=\"dynamic table block settings\" class=\"wp-image-49360\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-table-block-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-table-block-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-table-block-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-table-block-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-table-block-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-table-block-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Select the needed table in the <strong>Table <\/strong>field.<\/p>\n\n\n\n<ul>\n<li><strong>Show column names in table header<\/strong> \u2013 enable the toggle if you need the column names in the table header;<\/li>\n\n\n\n<li><strong>Show column names in table footer <\/strong>\u2013 enable the toggle if you need the column names in the table footer;<\/li>\n\n\n\n<li><strong>Allow horizontal scroll<\/strong> \u2013 enable the toggle if you have a lot of columns to scroll them horizontally;&nbsp;<\/li>\n\n\n\n<li><strong>Rewrite table query<\/strong> \u2013 turn the toggle on if you need to use a different query. Allow the use of various data for the same layout and avoid table duplication.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Click the \u201c<strong>Save<\/strong>\u201d button.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"dynamic-table-element-in-bricks\">Dynamic Table Element in Bricks<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>If you work with the Bricks builder, you can add the<strong> Dynamic Table<\/strong> element to the needed section.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-table-element-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-table-element-settings-1024x640.webp\" alt=\"dynamic table element settings\" class=\"wp-image-49361\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-table-element-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-table-element-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-table-element-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-table-element-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-table-element-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-table-element-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Select the table from the <strong>Table <\/strong>dropdown and enable the following toggles if needed:&nbsp;<\/p>\n\n\n\n<ul>\n<li><strong>Show column names in table header<\/strong> \u2013 enable the toggle if you need the column names in the table header;<\/li>\n\n\n\n<li><strong>Show column names in table footer <\/strong>\u2013 enable the toggle if you need the column names in the table footer;<\/li>\n\n\n\n<li><strong>Allow horizontal scroll<\/strong> \u2013 enable the toggle if you have a lot of columns to scroll them horizontally;&nbsp;<\/li>\n\n\n\n<li><strong>Rewrite table query<\/strong> \u2013 turn the toggle on if you need to use a different query. Allow the use of various data for the same layout and avoid table duplication.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Click the \u201c<strong>Save<\/strong>\u201d icon once you are ready with the setup.&nbsp;<\/p>\n<\/div><\/div>\n\n\n\n<p>That\u2019s it. Now, you know how to use the <strong>Tables Builder<\/strong> functionality from the WordPress <em>JetEngine <\/em>plugin.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to create a dynamic table and display it with different site builders using the JetEngine WordPress plugin.<\/p>\n","protected":false},"author":20,"template":"","format":"standard","builder-category":[],"feature-category":[534],"article-category":[408],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Dynamic Tables Builder Overview \u2014 JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to create a dynamic table and display it with different site builders using the JetEngine WordPress plugin.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-tables-builder-overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dynamic Tables Builder Overview \u2014 JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to create a dynamic table and display it with different site builders using the JetEngine WordPress plugin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-tables-builder-overview\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-07T12:57:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-tables-builder-module-enabled-1024x640.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-tables-builder-overview\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-tables-builder-overview\/\",\"name\":\"Dynamic Tables Builder Overview \u2014 JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2023-02-15T09:49:54+00:00\",\"dateModified\":\"2026-04-07T12:57:17+00:00\",\"description\":\"Learn how to create a dynamic table and display it with different site builders using the JetEngine WordPress plugin.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-tables-builder-overview\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-tables-builder-overview\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-tables-builder-overview\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Features\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Dynamic Tables Builder\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dynamic Tables Builder Overview \u2014 JetEngine | Crocoblock","description":"Learn how to create a dynamic table and display it with different site builders using the JetEngine WordPress plugin.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-tables-builder-overview\/","og_locale":"en_US","og_type":"article","og_title":"Dynamic Tables Builder Overview \u2014 JetEngine | Crocoblock","og_description":"Learn how to create a dynamic table and display it with different site builders using the JetEngine WordPress plugin.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-tables-builder-overview\/","og_site_name":"Help Center","article_modified_time":"2026-04-07T12:57:17+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-tables-builder-module-enabled-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-tables-builder-overview\/","url":"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-tables-builder-overview\/","name":"Dynamic Tables Builder Overview \u2014 JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2023-02-15T09:49:54+00:00","dateModified":"2026-04-07T12:57:17+00:00","description":"Learn how to create a dynamic table and display it with different site builders using the JetEngine WordPress plugin.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-tables-builder-overview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-tables-builder-overview\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-tables-builder-overview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Features","item":"https:\/\/crocoblock.com\/knowledge-base\/features\/"},{"@type":"ListItem","position":3,"name":"Dynamic Tables Builder"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/features\/35879"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/features"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/features"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/20"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=35879"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=35879"},{"taxonomy":"feature-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/feature-category?post=35879"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=35879"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}