We're Moving to a New Support Platform – Starting June 1st!
We’re excited to let you know that starting June 1st, we’ll be transitioning to a new support system that will be available directly on our product websites – Amelia, wpDataTables, and Report Builder. In fact, the new support platform is already live for Amelia and wpDataTables, and we encourage you to reach out to us there.
You'll always be able to reach us through a widget in the bottom right corner of each website, where you can ask questions, report issues, or simply get assistance.
While we still do not offer live support, a new advanced, AI-powered assistant, trained on our documentation, use cases, and real conversations with our team, is there to help with basic to intermediate questions in no time.
We're doing our best to make this transition smooth and hassle-free. After June 1st, this current support website will redirect you to the new "Contact Us" pages on our product sites.
Thanks for your continued support and trust – we’re excited to bring you an even better support experience!
Hi,
I have a number of headers with a large amount of information.
I'm attempting to make the headers sit diagonally similar to here
https://css-tricks.com/rotated-table-column-headers/
This is my code thus far.
th.wdtheader {
height: 140px;
white-space: nowrap;
}
th.wdtheader > div {
transform:
translate(25px, 51px)
rotate(315deg);
width: 30px;
}
th.wdtheader > div > span {
border-bottom: 1px solid #ccc;
padding: 5px 10px;
}
Have tried a number of tags to call the header with no such luck.
Hello James.
Please note that customization questions like this one are not covered in the included support for the plugin. Included support covers help with bugs and general inquiries for the plugin features, but not writing custom code.
I can try pointing You in the right direction, though, and You can continue from there. Try this:
.wpDataTablesWrapper table.wpDataTable thead th.sorting { transform: rotate(315deg) translate(10px,50px); transform-origin: bottom left; vertical-align: middle; }I guess You'd still have to adjust the background, overlay and stuff like that, but this does rotate the headers, so I believe it is a good start.
Best regards.
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
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