could you please provide me with the proper custom wpDataTables CSS that id need to input so that whenever i set my column to collapse on mobile, that the title of the column disappears and only the content of the cell shows.
Thank you so much, i know its an odd request but any help would be greatly appreciated
Just add this code in Custom wpDataTables CSS under the "Custom JS AND CSS" in main settings of wpdatatables.
table.has-columns-hidden > tbody > tr.row-detail > td > ul > li > span.columnTitle{
display:none !important;
}
This will be affected on all tables, but if you want just for specific one then insert this code on page where is that table between the style tag.(<style>Code here</style>)
It works for all tables, as you said. But when i put the code into my page, it does it to only that page.
I want it to do it to only a specific column. Ive attached an image to show you.
I have two columsn titled "RESULT" and they seem to disappear on most of my columns but not in others. Im looking for uniformity, either all gone, or all displaying the title. But i like it without the titles. how can i make it so that only the colums titled "RESULT" disappears on mobile? thank you :)
hello!
could you please provide me with the proper custom wpDataTables CSS that id need to input so that whenever i set my column to collapse on mobile, that the title of the column disappears and only the content of the cell shows.
Thank you so much, i know its an odd request but any help would be greatly appreciated
Hi Neojits,
Thank you for your purchase.
Just add this code in Custom wpDataTables CSS under the "Custom JS AND CSS" in main settings of wpdatatables.
table.has-columns-hidden > tbody > tr.row-detail > td > ul > li > span.columnTitle{ display:none !important; }This will be affected on all tables, but if you want just for specific one then insert this code on page where is that table between the style tag.(<style>Code here</style>)
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
Hello! thank you for the reply
It works for all tables, as you said. But when i put the code into my page, it does it to only that page.
I want it to do it to only a specific column. Ive attached an image to show you.
I have two columsn titled "RESULT" and they seem to disappear on most of my columns but not in others. Im looking for uniformity, either all gone, or all displaying the title. But i like it without the titles. how can i make it so that only the colums titled "RESULT" disappears on mobile? thank you :)
Hi Neojits,
You can hide only that column title but you need the find class of that li element in Inspect element of the browser.(attachment)
When you find the name(in our case is column-name) just add it in css like this:
table.has-columns-hidden > tbody > tr.row-detail > td > ul > li.column-name > span.columnTitle{ display:none !important; }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