Cell Background Colors Not Showing

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
  • #16591



    Working on a dev. site with the data table plugin.

    The table cell backgrounds have disappeared. Really frustrating. Do not think I’ve upgraded any plugins. It’s a fairly fresh install of WordPress.

    And the backgrounds seem to have vanished. I disabled all plugins and switched to a default wordpress theme.

    Any help?



    Wordpress 4.9.2



    Please provide me with link to broken table – and I will check it.

    Supsystic Team



    Hi, I have the same problem but is was after the update of the plugin.



    Also having this problem, but it was pre-update to 1.7.3.

    Only one table affected, curiously enough.
    I have tried recreating the color.
    I have tried eliminating the shortcode, saving, then reinserting shortcode.
    Next step will be recreating the table.


    I tried adding a new table- same problem – no color in background of cells.
    When I use Chrome developer tools, I see:

    <td data-cell-id=”C17″ data-x=”2″ data-y=”17″ class=”bg-e6e6e6″ data-cell-type=”text” data-original-value=”” data-order=”” data-hide=”true” data-colspan=”1″ data-rowspan=”1″ style=”display: none;”></td>

    And when I inspect a properly presenting table, with grey in the background of cells, the html looks like this:
    <td data-cell-id=”A12″ data-x=”0″ data-y=”12″ class=”bg-e6e6e6″ data-cell-type=”text” data-original-value=”” data-order=”” style=”background-color: rgb(230, 230, 230);”></td>

    So it seems that “style=”background-color: rgb(230, 230, 230);” is not being added to the html, or is added but subsequently stripped. Am I doing something wrong? These two tables are on the same page, and were produce the same way…



    ———Further Update————

    Cloning a table from last August – this maintained the cell color background, even after editing a table cell and saving.

    ———Last update—————

    In a pinch you can add css (see tab CSS at top of editing page)

    to restore background color (overall), the lines top and bottom, and the cell outline, you can try this:

    #supsystic-table-2 {
    border-bottom: 1px solid #111;
    border-top: 1px solid #111;

    #supsystic-table-2 tbody tr td:first-child {
    border-left: 1px solid #ddd;

    #supsystic-table-2 tbody td {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;

    #supsystic-table-2 tbody tr {
    background-color: rgb(230, 230, 230);



    I have the same problem in many tables. The background became white from #232323. How can I fix it? Someone can help me?



    Try some of the css I posted above. Use your table number, and your color hex number.

    The css tab is next to editor and preview tabs in the table editing interface.

    It will be trial and error, and you will need to use Chrome developer tools or Firefox inspector.

    If you unfamiliar with css, wait for Supsystic to fix the problem with another update…



    Thank you so much for your answer…the problem is that I’ve too many tables to fix it one by one with the css…. it’s a huge problem, I hope they’ll fix it soon!



    Then you will have to target all tables and place the css in your child theme css file (you do have a child theme)

    This may actually be a better and safer way of handling the styling for your tables. It is also an interesting problem, because you will want to target a range of ID selectors:


    google search:
    “CSS target a range of numbered id selectors”

    Maybe you have to play a bit with it. Good luck!



    It’s way yo risky to me…but thank you so much for the infos! :)


    Dear Valuable clients!
    We will be glad to reply to each of you as we’ve increased the number of agents – please, don’t hesitate to contact us again in case of any questions – everybody will get a prompt and qualified reply!

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.
Thanks so much! Please Enter Your Info Below To Get PRO Discount and Gifts