Cell Background Colors Not Showing

Tagged: cell background color, data table

This topic has 11 replies, 6 voices, and was last updated 4 years, 10 months ago by neveryoung2212.

Viewing 12 posts - 1 through 12 (of 12 total)

Author
Posts
February 4, 2018 at 01:33 #16591

Anonymous
Inactive
Hi,
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?
February 4, 2018 at 03:02 #16592

Anonymous
Inactive
Wordpress 4.9.2
February 4, 2018 at 12:00 #16594

owner
Keymaster
Hello.
Please provide me with link to broken table – and I will check it.
Regards,
Supsystic Team
February 4, 2018 at 22:30 #16605

van.uden-kohler_1
Participant
Hi, I have the same problem but is was after the update of the plugin.
February 5, 2018 at 14:31 #16634

Anonymous
Inactive
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.
________________________Update_________________
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…
February 5, 2018 at 18:31 #16635

Anonymous
Inactive
———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);
}
February 5, 2018 at 20:30 #16637

sara492384
Participant
I have the same problem in many tables. The background became white from #232323. How can I fix it? Someone can help me?
February 5, 2018 at 21:05 #16640

Anonymous
Inactive
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…
February 5, 2018 at 21:08 #16642

sara492384
Participant
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!
February 5, 2018 at 21:27 #16644

Anonymous
Inactive
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:
https://stackoverflow.com/questions/15526011/select-all-ids-where-the-only-difference-is-the-number-in-the-id-name
google search:
“CSS target a range of numbered id selectors”
Maybe you have to play a bit with it. Good luck!
February 5, 2018 at 21:32 #16645

sara492384
Participant
It’s way yo risky to me…but thank you so much for the infos! :)
May 16, 2018 at 17:02 #17616

neveryoung2212
Member
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!
Author
Posts