I have a table created and am trying to use Settings -> Customize -> Custom CSS on the table to:
Remove the header
Center the result
I've been trying to follow your guides and the css provided there but no luck as most of what I find is to add it to wpDataTables in general, I just want to apply the above two features to this one result (It's a table with a single result and only want to return that on number in page)
Thanks for any assistance with what css I need to put in to accomplish this.
If I understood correctly, you wish to remove the header row, and center the cells inside the table?
You can do that by adding the following CSS to the Customize section/Custom CSS - located above the table. No need to go into wpDataTables settings anymore, since you'll be using this for only that table:
Thank Aleksandar - the header is removed. The center does not seem to have an effect though.
When the data on the table is being refreshed I can see the result in the center for a split second and then it right aligns again, is there anything else that can be tried?
I have a table created and am trying to use Settings -> Customize -> Custom CSS on the table to:
Remove the header
Center the result
I've been trying to follow your guides and the css provided there but no luck as most of what I find is to add it to wpDataTables in general, I just want to apply the above two features to this one result (It's a table with a single result and only want to return that on number in page)
Thanks for any assistance with what css I need to put in to accomplish this.
Hello Jeremy
Thank you for your purchase.
If I understood correctly, you wish to remove the header row, and center the cells inside the table?
You can do that by adding the following CSS to the Customize section/Custom CSS - located above the table. No need to go into wpDataTables settings anymore, since you'll be using this for only that table:
table.wpDataTable th {display: none!important;} table.wpDataTable td {text-align: center!important;}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
Thank Aleksandar - the header is removed. The center does not seem to have an effect though.
When the data on the table is being refreshed I can see the result in the center for a split second and then it right aligns again, is there anything else that can be tried?
Thanks!
Hi again Jeremy
If it right-aligns, that means that you have integers or float in that table. Am I correct?
For numerical columns, you need to use this also:
table.wpDataTable td.numdata {text-align: center !important;}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