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:
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.
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.
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.
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.
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