ACF Table Field Pro Add-on Docs

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

Previous and Next Sources

Parent sources