Holiday Notice – Support Unavailable on April 18 and April 21

We just wanted to let you know that our support team will be offline on Friday, April 18th (Good Friday) and Monday, April 21st (Easter Monday) due to the holidays.
We'll be back on Tuesday, ready to assist you!

In the meantime, if you need any help, feel free to:

Amelia YouTube Channel

wpDataTables YouTube Channel

Thank you for your understanding, and we wish you a wonderful holiday weekend!

Okay
  Public Ticket #1434670
mobile tables
Closed

Comments

  • Neojits started the conversation
    January 17, 2018 at 1:02am

    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

  •  472
    Isidora replied
    January 17, 2018 at 2:50pm

    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

  • Neojits replied
    January 17, 2018 at 4:39pm

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

  •  472
    Isidora replied
    January 18, 2018 at 12:39pm

    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