Select plugin version:
View Table Using a Page Builder
In general, its up to the Page Builder plugins to support ACF field types. But because the table field is not a native ACF field, the support for this field may never happen in Page Builders. For now the way to go is using a shortcode. The Table Field plugin offers a built-in shortcode.
Elementor
You can integrate a table in Elementor using the [tablefieldpro]
shortcode in the Elementor shortcode widget.
https://elementor.com/help/shortcode-widget/
There is a general Elementor page about using shortcodes.
https://elementor.com/help/how-to-use-shortcodes/
ACF has a page that covers ACF integration.
https://www.advancedcustomfields.com/blog/elementor-acf/
Beaver Builder
Beaver Builder has its own shortcodes. Wherever these can be used, you can also use the Table Field Pro shortcode [tablefieldpro]
to output tables.
Example: Table in ACF Flexible Content field layout
[wpbb-acf-flex name="flex_content_field_name"]
[wpbb-acf-layout name="flex_content_field_layout_name"]
[tablefieldpro subfield="table_field_name"]
[/wpbb-acf-layout]
[/wpbb-acf-flex]
This example uses the Beaver Builder shortcode [wpbb-acf-flex]
to loop a flexible content field. The Beaver Builder shortcode [wpbb-acf-layout]
for flexible content field layouts can contain the tablefield shortcode [tablefieldpro]
to output a table.
since Table Field Pro v1.4.1