Johann Heyne

Thanks for the research. Yes, there is an issue with the “Resizable Editor Sidebar” plugin script. The “Resizable Editor Sidebar” plugin script fires every 500 milliseconds a jQuery UI resizable() at the sidebar element causing a mutation event every 500 milliseconds. That prevents the mutation observer threshold of the table field plugin of 500 milliseconds. I will reduce the table field mutation threshold number to fix that issue in the next plugin version.

Thanks,
Johann

Hi,

I integrated a table auto repair in the next unpublished version of the plugin (v1.3.25).
You can pre testing it, if that version helps to fix the table issue.

Downloadlink v1.3.25:
https://downloads.wordpress.org/plugin/advanced-custom-fields-table-field.1.3.25.zip

On loading the page, the table with the protruding cells should be displayed repaired. The repaired table will only be permanently repaired when the page/content is saved. The contents of the protruding cells will be lost.

Cheers,
Johann

Hi,

for some reason the table data seems to be corrupted or there is a new browser version in which the script no longer works correctly. It would help if you could describe to me what happened before the error.

Try to fix the problem step by step:

• reload the page
• delete all broken lines and re-enter them
• delete the last correct line and try to create a new one
• delete all lines and enter new ones
• delete all columns and enter new columns and rows
• delete the Gutenberg block and enter a new one

If none of this helps, I need more information to reproduce the problem.

• Which Browser name and version the issue appears?
• Does the issue appears on other browsers?
• Which Operating system was used?
• Which location is the table field applied to?
• Is it applied to a page using the Gutenberg editor?

Thanks much for reporting me that issue and helping me to resolve this,
Johann

I thought it might be helpful to differentiate between the following two scenarios:

If the table has only one empty cell, then get_field() returns FALSE. get_field() returns NULL when a field is not stored in the database. That happens when a page is copied but not their fields content. You can check both with empty()…

$table = get_field( 'your_table_field_name' );

if ( ! empty( $table ) ) {
    // $table is not FALSE and not NULL.
    // Field exists in database and has content.
}

Is this inconsistency compared to other fields a problem?

See docs

Hi,

the last version of the plugin 1.3.23 should fix the REST-API error “string,null“.

For updating the table object via REST-API you first should get the unformatted table data.

In PHP you have to set the 3 parameter of get_field() to false.
$unformatted_table_data = get_field( 'fieldname', $post_id, false);

In JavaScript you can get the unformatted table data by the REST-API.

Then you can modify the table data object and update the field by the REST-API.

The unformatted table object of a field named “table” of an REST-API GET should look like this example:

{
  "acf": {
    "table": {
      "acftf": {
        "v": "1.3.21"
      },
      "p": {
        "o": {
          "uh": 1
        },
        "ca": "Table caption content"
      },
      "c": [
        {
          "p": ""
        },
        {
          "p": ""
        }
      ],
      "h": [
        {
          "c": "Header, first cell content"
        },
        {
          "c": "Header, second cell content"
        }
      ],
      "b": [
        [
          {
            "c": "Body Row 1, first cell content"
          },
          {
            "c": "Body Row 1, second cell content"
          }
        ],
        [
          {
            "c": "Body Row 2, first cell content"
          },
          {
            "c": "Body Row 2, second cell content"
          }
        ]
      ]
    }
  }
}

acf.table.p This object contains table parameters.
acf.table.p.o This object contains table options.
acf.table.p.o.uh Determines whether a header should be used or not.
acf.table.p.ca The content of the table caption.

acf.table.c Array of table columns. Amount should always be the same as in the table header or body row arrays. This columns array was intended to hold columns parameters.
acf.table.c[0].p First column, still unused parameter property.

acf.table.h Array of the table header cells.
acf.table.h[0].c Content of the first header cell.

acf.table.b Array of the table body rows.
acf.table.b[0] Array of the cells of the table body first row.
acf.table.b[0][0].c Content of the cell of the table body first cell in first row.

I hope this helps.
Cheers, Johann

• This reply was modified 1 year, 11 months ago by Johann Heyne.
• This reply was modified 1 year, 11 months ago by Johann Heyne.

For table subfields of an field type group, you must update the shortcode hook in the functions with the following:

function shortcode_acf_tablefield( $atts ) {

    $a = shortcode_atts( array(
        'table-class' => '',
        'field-name' => false, // use a slash "/" to separate group field name and table subfield name
        'post-id' => false,
    ), $atts );

    // Return if no field name is given
    if ( ! is_string( $a['field-name'] ) ) {
        
        return '';
    }

    // May gets sub fields names
    $field_names = explode( '/', $a['field-name'] );

    // Gets the root fields value
    $table = get_field( $field_names[0], $a['post-id'] );

    // May gets a table subfields value
    foreach ( $field_names as $key => $name ) {

        if ( 0 < $key ) {

            $table = $table[ $name ];
        }
    }

    $return = '';

    if ( $table ) {

        $return .= '<table class="' . $a['table-class'] . '" border="0">';

            if ( ! empty( $table['caption'] ) ) {

                echo '<caption>' . $table['caption'] . '</caption>';
            }

            if ( $table['header'] ) {

                $return .= '<thead>';

                    $return .= '<tr>';

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

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

                    $return .= '</tr>';

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

            $return .= '<tbody>';

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

                    $return .= '<tr>';

                        foreach ( $tr as $td ) {

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

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

            $return .= '</tbody>';

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

    return $return;
}

add_shortcode( 'tablefield', 'shortcode_acf_tablefield' );

Than you can define the group field name and the table subfield name separated by a slash in the shortcode:

[tablefield  field-name="group-field-name/table-subfield-name"]

Here are a few questions that might narrow down the problem.

Is the table preview on the elementor editing page?
Ist the table field on a page or an option page or somewhere else?
Is the correct table field name given in the shortcode?
Is the correct post-id given in the shortcode?
Has the table more than one cell or at least one cell with content in it?

Any context helps.