hi - thanks for coming back , yes that is fine hat I would like to do , so I understand there are two parts to the code - one would the one line of html and the CSS - it’s of these I am told would reply in the heading of the table titles being angled.
Hi, I am looking to create angled headers. I understand the following code should do this,
HTML
<th class="rotate"><div><span>Column header 1</span></div></th>
CSS
span class="token class">.rotate { /* Something you can count on */ height: 140px; white-space: nowrap;
}
span class="token class">.rotate > div { transform: /* Magic Numbers */ translate(25px, 51px) /* 45 is really 360 - 45 */ rotate(315deg); width: 30px;
}
span class="token class">.rotate > div > span { border-bottom: 1px solid #ccc; padding: 5px 10px;
}
I can see the location to add custom CSS, but where should I add the HTML ?I am a beginner !
Thanks
Hello Abdul,
Thank you for reaching out to us.
Just to clarify, do you want to add the CSS to the table headers?
Looking forward to your reply.
Kind Regards,
Uros Jovanovic
[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
hi - thanks for coming back , yes that is fine hat I would like to do , so I understand there are two parts to the code - one would the one line of html and the CSS - it’s of these I am told would reply in the heading of the table titles being angled.
Hello Abdul,
There is currently no option to add custom HTML as you can only use custom CSS to customize/style elements of the wpDataTables plugin.
Please let me know if you need further assistance.
Looking forward to your reply.
Kind Regards,
Uros Jovanovic
[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