Firstly, I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated.
1. Regarding hiding Headers :
1. If you wish to completely hide the entire header element with CSS for one or more columns:
Add a CSS class in the column(s) display settings, for example "hideHeader"
Then add this CSS in Customize/Custom CSS of the table :
And this will completely hide the header for all the columns that you add that class to.
-
2. Setting background and hover color the same to make header text "appear invisible" :
if we try to set the background color of this header the same as the text; technically speaking, it looks as if it's invisible, even when someone hovers over the header.
For example, if we use "Aqua" table skin, and if i want to do this for column "name" of my table :
First, we add a class to the column, i name it "hideHeader"
Then, i add this CSS to Customize/Custom CSS of the table :
th.wdtheader.hideHeader {
background-color: #0083c2 !important;
color : #0083c2 !important;
}
And this is the result - the header text "seems invisible" even when i hover the mouse over it, the text is visually blank :
Let me know if that works, or if you still encounter any issue.
2. When it comes to setting the Star Rating as on the example :
With some custom CSS, you could achieve that, just like in our catalog of books example table.
You would need to add some conditional formatting to the "stars" column:
If you mean to have one Conditional Rule affect across multiple Columns/ the entire Table, as you said;
At this time this is not possible.
Each Condition you set will only look in the cells for that specific Column.
We do not have a way currently to have one Condition look for cells across multiple columns - or to have the effect "if the condition is met", to have an effect from Column A to Column B, and similar situations like that.
You can leave a development suggestion for the future.
to see if someone may be already suggested this feature. If you can't see it, feel free to add your suggestion there, and as more people vote, the feature will move higher on the priority list.
You can certainly follow our changeLog page if you'd like ( it is also available in the plugin dashboard), where we state any changes/new features/bug fixes during updates;
and our newsletter, so you're informed about new features, bug fixes, freebies, etc.
For the future, please note :
When you have multiple questions or issues which are for different subjects/topics,
please open a new ticket for each subject, and we will help/advise more effectively.
In that way, issues and questions which are related to different subjects will be in separate tickets so other users or our support agents can find them easily.
Our policy is to have one issue or question per ticket for the reasons described already.
1.
In my HTML page I want to hide the header of table 19 with:
<style>
.wpdt-c .wpDataTablesWrapper table.[wpdatatable id=19] thead {
display: none !important;
}
</style>
It does not work. What is wrong?
2.
In: https://sandbox.wpdatatables.com/wp-admin/admin.php?page=wpdatatables-constructor&source&table_id=2 - Is it possible to conditional format the whole table, instead of for each month?
Attached files: Conditional formatting.png
Another aditional question:
How do I get 1,2,3,or 4 stars in the Average rating exemple>
Attached files: Aantal sterren .png
Hi Ronald,
Firstly, I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated.
1. Regarding hiding Headers :
1. If you wish to completely hide the entire header element with CSS for one or more columns:
Add a CSS class in the column(s) display settings, for example "hideHeader"
Then add this CSS in Customize/Custom CSS of the table :
And this will completely hide the header for all the columns that you add that class to.
-
2. Setting background and hover color the same to make header text "appear invisible" :
if we try to set the background color of this header the same as the text; technically speaking, it looks as if it's invisible, even when someone hovers over the header.
For example, if we use "Aqua" table skin, and if i want to do this for column "name" of my table :
First, we add a class to the column, i name it "hideHeader"
Then, i add this CSS to Customize/Custom CSS of the table :
And this is the result - the header text "seems invisible" even when i hover the mouse over it, the text is visually blank :
Let me know if that works, or if you still encounter any issue.
2. When it comes to setting the Star Rating as on the example :
With some custom CSS, you could achieve that, just like in our catalog of books example table.
You would need to add some conditional formatting to the "stars" column:
Each content (<span class) has these in order:
Of course, you will set those conditions in Conditional formatting for your needs.
And the classes are defined in wpDataTables settings/Custom JS and CSS/Custom CSS field, like:
3. When it comes to Conditional Formatting;
If you mean to have one Conditional Rule affect across multiple Columns/ the entire Table, as you said;
At this time this is not possible.
Each Condition you set will only look in the cells for that specific Column.
We do not have a way currently to have one Condition look for cells across multiple columns - or to have the effect "if the condition is met", to have an effect from Column A to Column B, and similar situations like that.
You can leave a development suggestion for the future.
Please feel free to search on our suggestions page,
to see if someone may be already suggested this feature. If you can't see it, feel free to add your suggestion there, and as more people vote, the feature will move higher on the priority list.
You can certainly follow our changeLog page if you'd like ( it is also available in the plugin dashboard), where we state any changes/new features/bug fixes during updates;
and our newsletter, so you're informed about new features, bug fixes, freebies, etc.
For the future, please note :
When you have multiple questions or issues which are for different subjects/topics,
please open a new ticket for each subject, and we will help/advise more effectively.
In that way, issues and questions which are related to different subjects will be in separate tickets so other users or our support agents can find them easily.
Our policy is to have one issue or question per ticket for the reasons described already.
Thank you for understanding.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Milos
Thank you very much! It works fine.
Greetings
Ronald