Data Table – Adding Rows cause duplicated columns

  • Resolved codewatson

    (@codewatson)


    3 years, 4 months ago

    WordPress 5.7.2
    Elementor 3.3.0 / Pro 3.3.2
    Essential Addons 4.8.0 / Pro 4.4.4

    When using the data table widget, any time you add a “row”, the columns in the previous row are duplicated visually, so as an example:

    Add a new Data Table
    This inserts a table with 1 row and 4 columns.
    Content settings show this:
    row:content
    col:content
    col:content
    col:content
    col:content

    Visually you see 1 row with 4 columns:
    Header 1 | Header 2 | Header 3 | Header 4
    Row1 Col1 | Row1 Col2 | Row1 Col3 | Row1 Col4

    Go to “Content” and add a new “row”
    Content settings now shows this:
    row:content
    col:content
    col:content
    col:content
    col:content
    row:content

    Visually you see 2 rows with 4 columns each, the 2nd row shows a duplicate of row 1’s columns.
    Header 1 | Header 2 | Header 3 | Header 4
    Row1 Col1 | Row1 Col2 | Row1 Col3 | Row1 Col4
    Row1 Col1 | Row1 Col2 | Row1 Col3 | Row1 Col4

    Now, add column to the second row, so in settings you see:
    row:content
    col:content
    col:content
    col:content
    col:content
    row:content
    col:content

    Visually you see 2 rows, with now 5 columns each, the first 4 columns of each row are from row 1, then the 5th column is from row 2.
    Header 1 | Header 2 | Header 3 | Header 4
    Row1 Col1 | Row1 Col2 | Row1 Col3 | Row1 Col4 | Row2 Col1
    Row1 Col1 | Row1 Col2 | Row1 Col3 | Row1 Col4 | Row2 Col1

    This continues each time you add a column/row. If I go through and add all 4 columns to the second row, you end up with 2 rows with 8 columns.
    Header 1 | Header 2 | Header 3 | Header 4
    Row1 Col1 | Row1 Col2 | Row1 Col3 | Row1 Col4 | Row2 Col1 | Row2 Col2 | Row2 Col3 | Row2 Col4
    Row1 Col1 | Row1 Col2 | Row1 Col3 | Row1 Col4 | Row2 Col1 | Row2 Col2 | Row2 Col3 | Row2 Col4

    • This topic was modified 3 years, 4 months ago by codewatson.
Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello @codewatson,

    Good Day!

    I’m sorry to hear that you’re facing this issue. It seems to be working fine from my end.

    Can you please try doing this following: To regenerate assets, you can go to wp-admin -> Essential Addons then, switch to the ‘Tools’ tab and hit the ‘Regenerate Assets’ button. Check out this screenshot: https://d.pr/i/OeGVUT

    Also, make sure to Regenerate Files from wp-admin -> Elementor -> Tools as well. Check out this screenshot: https://d.pr/i/23N5eb

    If the issue still persists, please try clearing your browser cache or try another browser too.

    Let me know how it goes. Thank you.

    Hi @codewatson,

    It’s been a while we haven’t heard you back. Were you able to fix your issue?

    Looking forward to hearing from you.

    Thank you.

    Thread Starter codewatson

    (@codewatson)

    Hi, sorry I did not get a chance to loop back to this until now.

    I regenerated both elementor’s and essential addon’s assets. I tried it in Chrome and Firefox, and the issue persisted for me.

    I also updated to the latest version of everything since the original post, did not make a difference.

    After further testing, this appears to only be happening on my local development server running on my machine, when I tested on another site that was live, the issue was not there, so something about running on a local machine is triggering this.

    I have now narrowed it down to a PHP version issue, if the local site is running PHP 7.0.32 or 7.1.31 I have the issue, when updated PHP to 7.2.28 the issue is mostly fixed with just a visual glitch when adding a row with no columns after it, once PHP is updated to 7.3.15 the issue appears to be completely gone.

    Hi @codewatson,

    Glad to know that the issue is completely gone on the updated version. Please feel free to get in touch if you need any further assistance.

    Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Data Table – Adding Rows cause duplicated columns’ is closed to new replies.