Johann Heyne

// check if the repeater field has rows of data
if( have_rows('repeater_field_name') ):

     // loop through the rows of data
    while ( have_rows('repeater_field_name') ) : the_row();

        // get a sub field value (table field)
        $table = sub_field('sub_field_name');
        
        // use the “Output Table HTML” code with $table   

    endwhile;

else :

    // no rows found

endif;

• This reply was modified 7 years, 9 months ago by Johann Heyne.

The plugin itself provides no option to customise the table columns width. But you could use CSS to change the width of table columns…

width of the first column

[data-name="fieldname"] .acf-table-top-row > *:nth-child(2) {
    width: 10%; 
}

width of the second column

[data-name="fieldname"] .acf-table-top-row > *:nth-child(3) {
    width: 40%;
}

• This reply was modified 7 years, 10 months ago by Johann Heyne.
• This reply was modified 7 years, 10 months ago by Johann Heyne.
• This reply was modified 7 years, 10 months ago by Johann Heyne.
• This reply was modified 7 years, 10 months ago by Johann Heyne.

Hi, I just released a new version 1.2.3, which supports the ACF update_field() function. I´m not sure if that fixes the issue you have.

Cheers,
Johann

Hi, this type of error may happen, if you switched an existing field to type “table” or name a new table field like an previous field of another field type which data still exists.

Cheers,
Johann

I´m sorry, but I have no timeframe except that I will
wait for the Gutenberg switch of WordPress to be sure, everything is working well then.

Cheers,
Johann

Hi,

the array holds the table data. You have to build the table html from that array in you theme template.

See https://wordpress.org/plugins/advanced-custom-fields-table-field/#description-header under “OUTPUT TABLE HTML”

Cheers,
Johann

• This reply was modified 8 years, 1 month ago by Johann Heyne.

Hi flyingfox,

there is a way, to paste tables with a shortcode in a post. But this is not a default functionality of the plugin. You can integrate this yourself. Just keep reading.

First of all the explanation, why the ACF shortcode does not work for tables or other data driven fields. The ACF shortcode only works for simple text based values. It just returns the data like get_field(). For fields such as repeaters or tables, the content is provided as an array or object for further processing into HTML. So the implementation as HTML is something you have to do by your own.

First step to get a shortcode, that returns a HTML table. You need a function in your functions.php file to get the html by providing a tables data. The following code does that:

if ( ! function_exists( 'render_table' ) ) {

    function render_table( $data = false ) {

        $return = '';

        if ( $data ) {

            $return .= '<table border="0">';

                if ( isset( $data['header'] ) and is_array( $data['header'] ) ) {

                    $return .= '<thead>';

                        $return .= '<tr>';

                            foreach ( $data['header'] as $th ) {

                                $return .= '<th>';
                                    $return .= $th['c'];
                                $return .= '</th>';
                            }

                        $return .= '</tr>';

                    $return .= '</thead>';
                }

                $return .= '<tbody>';

                    if ( isset( $data['body'] ) ) {

                        foreach ( $data['body'] as $tr ) {

                            $return .= '<tr>';

                                foreach ( $tr as $td ) {

                                    $return .= '<td>';
                                        $return .= $td['c'];
                                    $return .= '</td>';
                                }

                            $return .= '</tr>';
                        }

                    }

                $return .= '</tbody>';

            $return .= '</table>';
        }

        return $return;
    }
}

Change that code for your needs.

Second step. Lets provide a function that combines get_field() and render_table():

if ( ! function_exists( 'get_table' ) ) {

    function get_table( $name = false, $post_id = false ) {

        if ( ! function_exists( 'get_field' ) OR ! function_exists( 'render_table' ) ) {

            return;
        }

        if ( $name ) {

            $data = get_field( $name, $post_id, true );
            return render_table( $data );
        }
    }
}

Now you could use <?php echo get_table( 'your_table_field_name' ); ?> in a template to output the tables html of a table field. You also could output a table fields html of another page by providing a post ID like <?php echo get_table( 'your_table_field_name', 123 ); ?>.

The last step is to define a shortcode in functions.php, that uses the get_table() function…

function shortcode_acf_tablefield( $atts ) {

    $a = shortcode_atts( array(
        'name' => false,
        'post-id' => false,
    ), $atts );

    return get_table( $a['name'], $a['post_id'] );
}

add_shortcode( 'table', 'shortcode_acf_tablefield' );

Now you can use the shortcode like [table name="your_table_field_name"] or [table name="your_table_field_name" post_id="123"].

Cheers,
Johann

• This reply was modified 8 years, 3 months ago by Johann Heyne.
• This reply was modified 8 years, 3 months ago by Johann Heyne.
• This reply was modified 8 years, 3 months ago by Johann Heyne.