We're Moving to a New Support Platform – Starting June 1st!

We’re excited to let you know that starting June 1st, we’ll be transitioning to a new support system that will be available directly on our product websites – Amelia, wpDataTables, and Report Builder. In fact, the new support platform is already live for Amelia and wpDataTables, and we encourage you to reach out to us there.

You'll always be able to reach us through a widget in the bottom right corner of each website, where you can ask questions, report issues, or simply get assistance.

While we still do not offer live support, a new advanced, AI-powered assistant, trained on our documentation, use cases, and real conversations with our team, is there to help with basic to intermediate questions in no time.

We're doing our best to make this transition smooth and hassle-free. After June 1st, this current support website will redirect you to the new "Contact Us" pages on our product sites.

Thanks for your continued support and trust – we’re excited to bring you an even better support experience!

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