Table in a flexible content layout field using the page builder shortcode

Hi,

I have revised the shortcode example so that table fields in Group, Repeater and Flexible Content fields can now be queried.

See: https://wordpress.org/plugins/advanced-custom-fields-table-field/#how%20to%20use%20the%20table%20field%20in%20elementor%20or%20other%20page%20builders%3F

Cheers,
Johann

Thanks for the detailed description of the problem. That was very helpful.

There was an error in my shortcode example that prevented the tables from being displayed in the correct place. Please replace the shortcode function width the new one from the following FAQ tab.
https://wordpress.org/plugins/advanced-custom-fields-table-field/#how%20to%20use%20the%20table%20field%20in%20elementor%20or%20other%20page%20builders%3F

In your Elementor example, the shortcode call is already in a flexible content loop and in a layout context due to the surrounding wpbb shortcodes. I hadn’t taken this situation into account, but have now adjusted the shortcode code example. Now you can directly use subfields of a Flexible Content Layout via the table shortcode. In your flexible content example the shortcode would now look like this:

[tablefield subfield-name="table"]

Note that in this context the shortcode parameter field-name is now subfield-name!

This is now also documented in the following FAQ tab:
https://wordpress.org/plugins/advanced-custom-fields-table-field/#how%20to%20use%20the%20table%20field%20in%20elementor%20or%20other%20page%20builders%3F

I hope that solves the issues.

I bought the Beaver Builder Plugin and investigated the problem. It seems that only Beaver shortcodes are executed in the context of the flexible content layout shortcode [wpbb-acf-layout]. The shortcode of the table field is then called later outside of that ACF loop in the wrong context and cannot function.

One solution to the problem would be to use the WordPress filter do_shortcode_tag , that filters the output created by a shortcode callback. Here is the filter that looks for tablefield shortcodes and then executes shortcodes. You can paste it in your functions.php. Then may the tables will appear.

add_filter( 'do_shortcode_tag', function( $output, $tag, $attr, $m ) {

	$tags = array( 'tablefield' );
	$pattern = get_shortcode_regex( $tags );

	if ( ! preg_match( "/$pattern/", $output, $matches ) ) {

		return $output;
	}

	return do_shortcode( $output );
}, 1, 4 );

Your Shortcodes should look like this:

[wpbb-acf-flex name="modules"]
[wpbb-acf-layout name="table_layout"]
<div class="layout ps-table">
    [tablefield subfield-name="table"]
</div>
[/wpbb-acf-layout]
[/wpbb-acf-flex]

Lets see if this works.