Hi,
thanks for your question.
You can simply deactivate those features (sorting, searching, …) on the table’s “Edit” screen if you don’t want them.
Regarding the styling:
As far as I can see, you are trying to change the color of the head row. However, for the head row, you will need to slightly adjust the code. Instead of “td”, use a “th” in the code.
Best wishes,
Tobias
Thank you Tobias.
I was able to remove most of the features per your suggestion but the search still remains and I cannot get rid of it.
Also, I cannot get the alternate background colors for alternate rows to enable, even though I have it checked on plugin options.
And row 6 is set for background color #0015CA with the same code as the header row but is showing up white???
Finally, there is a a gray border down the right side of the table that I do not want. Can you please explain how to remove it?
Thanks again!
Davy.
Hi,
the search is called “Filtering” on the “Edit” screen, so once you uncheck that checkbox, the search will be turned off. As you have then disabled all of the features, it is however better to simply disable the library entirely, by unchecking the “Use JavaScript library” checkbox.
The alternating background colors are working fine here, the blue and white background-colors are alternating.
Regarding row 6: You have just copied the code for row 1, but you did not change the “th” back to “td. For header rows it has to be “th”, but for regular body rows, it’s “td” (this is how HTML tables work internally).
That border on the right side is the background color of the table shining through. To remove that, please try this:
.wp-table-reloaded-id-1 {
background-color: transparent !important;
}
Best wishes,
Tobias
Everything you’ve said has worked perfectly. Thank you.
I am using 3 browsers and the alternate row colors are not showing on any of them. Any ideas why you would see it and I cannot? You are seeing blue and white alternating but I would like it to be gray and white. If not gray and white, perhaps I will disable the feature.
The only other question I have is how to make font bold in a specific cell, .row-6 .column-1
Hi,
the alternating row colors work fine in both Safari and Chrome on Mac for me…
It’s just a light blue, so maybe your monitor contrast is not high enough to show it?
But regardless, you can set it to gray with this,
.wp-table-reloaded-1 .odd td {
background-color: #dddddd !important;
}
after which you should see it in all browsers.
To make the font bold in that row 6 cell, just add
font-weight: bold;
to the existing code for that cell.
Regards,
Tobias
Using Chrome, IE9, Firefox, and Dragon on a PC I still see no alternating row colors after using your code and changing to #dddddd or to #0015CA, or several other colors as tests. #0015CA is the color that displays in row-6 but would not display in .odd code as a test.
Here is all the code in the custom css in case something I’ve done is blocking the alternate row colors:
[CSS moderated as per the Forum Rules. Please just post a link to your site.]
Hi,
oops, sorry, my code is slightly wrong. I forgot the “id-” part in it.
Please try again with
.wp-table-reloaded-id-1 .odd td {
background-color: #dddddd ! important;
}
Also, i suggest to move the code to the top of your CSS, so that the background colors for rows 2 and 6 still work.
Regards,
Tobias
Sorry I didn’t catch that. Quite interesting how you were getting the blue colors previously. Thanks for the cooperation and support! Looks fine now.
Davy.
Hi,
yes, that’s odd. But great to hear that it works now 🙂
Best wishes,
Tobias
