TablePress and Divi Issues

  • Resolved jcm01

    (@jcm01)


    6 years, 4 months ago

    Hi Tobias,

    Thanks again for your assistance on my previous issue.

    I need assistance once again, but please feel free to let me know if this falls outside the scope of the TablePress support section.

    Using a table in “flip” mode on a page designed with Divi Builder, the first column (table header) won’t be aligned with the other columns. I tested this on Chrome, Chrome Mobile, and Internet Explorer with the same results. Disabling “Use DataTables” doesn’t work either, it actually makes it worse with the page footer moving up to the bottom row.

    Switching back to the default editor fixes the issue, even with the Divi theme still active, but this defeats the purpose of Divi Builder.

    The second issue is the column visibility popup not working with a page designed by Divi Builder. It’s almost like the whole table gets grayed-out.

    Both issues can be seen on the supplied link.

    I truly hope there might be a quick fix because I would really like to continue using TablePress and would of course support your premium plugins ??

    Thanks

    • This topic was modified 6 years, 4 months ago by jcm01. Reason: Added "Use DataTables" note

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    This is caused by different padding in header and body cells. To fix this, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress thead th {
	padding: 6px 20px 6px 6px;
}

    For the second problem: Please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    div.dt-button-background {
  display: none !important;
}

    This will remove that background (which is ugly anyways) for now.

    Regards,
    Tobias

    Thread Starter jcm01

    (@jcm01)

    Hi,

    Awesome, thank you so much. I was kidding with the “quick fix”, expecting extensive troubleshooting, but I was pleasantly surprised with both problems resolved.

    I do, however, have another question related to the above. When using a table in flip mode, the table width is changed when deselecting columns with the column visibility button. Selecting the columns again does not return the table to its original width.

    I noticed this on a page designed with Divi, but I was able to recreate behavior with a page designed with the default WordPress editor (reachable via the original URL).

    Thanks

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    unfortunately, your link is only giving me a 404 Not found error now, so that I can’t check this ??

    Regards,
    Tobias

    Thread Starter jcm01

    (@jcm01)

    Hi,

    My apologies, the site should be available again.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks! To fix that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .dataTables_wrapper .tablepress {
  width: 100% !important;
}

    In addition, please replace

    .tablepress thead th {
	padding: 6px 20px 6px 6px;
}

    with

    
.tablepress tbody td {
	padding: 8px !important;
}.tablepress thead th {
	padding: 8px 20px 8px 8px !important;
}

    Regards,
    Tobias

    Thread Starter jcm01

    (@jcm01)

    Hi,

    Once again, thank you for saving the day.

    I appreciate your assistance.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘TablePress and Divi Issues’ is closed to new replies.