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 need to format a data table by making certain cells bold, increasing the font size and, most importantly, using special characters. I made a spreadsheet in Excel with special characters (green check marks, red x's, etc) and larger font sizes, and the whole thing looks great. Once I put it in wpdata tables, it's bland and none of the characters show up. Also, I clicked to hide the "wdt_ID" column but it still shows up. Please help.
Since its the weekend and not sure the response time, I wanted to provide you some assistance. First off, some good resources on custom CSS, which is what you're asking for here:
stackoverflow (asking specific questions); Mozilla's developer site (general understanding of specific elements) and css-tricks.com (great site for examples).
Question 1. As to your cell question, I'd direct you to this stackoverflow answer. In terms of wpDataTables, I've pasted some syntax below. In the below example, it will make the the font bold in row 1, column 5.
table.wpDataTable tbody tr:first-child td:nth-child(5) {font-weight:900 !important;}
This same logic would apply for changing font sizes etc. You would just add that syntax. The caveat to keep in mind is that the above will statically change an individual cell and has nothing to do with what that cell contains. So if you're bolding something based on content for that cell, that would require javascript probably. Lastly, they do offer some conditional formatting options under a column's column settings. But I think that is different from what you are looking for.
Question 2. In terms of special characters, I would try what is suggested here first. If that doesn't work, perhaps it is a wpDataTable issue related to your data source (I'm not observing the issue on mine, and I use Google Sheets), and the folks at wpDataTables could help.
Question 3. I would try hiding it again and make sure you click both "Apply" and "Save". If you just click "Apply", I don't believe the change will take affect.
Hope this helps.
One more thought for the special characters and hidden column- if what I suggested doesn't work, try and flush the Wordpress cache. That's always best practice anyhow.
Hi COIndependent,
Thank you for your purchase.
Sorry for late response.
We are located in Serbia and our working time is from 10:00 to 17:00 CET. business days.
Can you please take a screenshot of the table or provide us a link of that page where you are using wpdatatables so we can see it? I guess that you have this issue because bootstrap is not included on the page, but we want to make sure by checking how table looks like. Thank you.
Kind Regards,
Isidora Markovic
wpDataTables: FAQ | Facebook | Twitter | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Amelia demo sites | Docs
You can try our wpDataTables add-ons before purchase on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables