Okay
  Public Ticket #1480551
Formatting and special characters
Closed

Comments

  • COIndependent started the conversation

    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. 

  •  3
    Dan replied

    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. 

  •  3
    Dan replied

    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. 

  •  472
    Isidora replied

    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: FAQFacebookTwitterFront-end and back-end demoDocs

    Amelia: FAQFacebookTwitter |  Amelia demo sites | Docs

    You can try our wpDataTables add-ons before purchase on these sandbox sites:

    Powerful FiltersGravity Forms Integration for wpDataTablesFormidable Forms Integration for wpDataTables