As previously announced via banners and our newsletters, support is no longer available through this platform.

For easier navigation, you can still click on "Submit a Ticket" here, choose the appropriate category, and you'll be redirected to the correct support channel for your plugin.

You can still access your previous tickets and browse public tickets, but please note that responding to tickets is no longer possible.

Paid customers: Please log in to your store account for support.

Pre-purchase questions: Use the support widget in the bottom-right corner of our websites:
https://wpamelia.com
https://wpdatatables.com
https://wpreportbuilder.com

Okay
  Public Ticket #2963264
Force opening the first row on mobile
Closed

Comments

  • Warzone_Loadout started the conversation
    January 21, 2022 at 3:13pm

    Hello, 

    First of all let me tell you that i simply love WPDatatable, i use it on ALL of my pages!

    I have a new challenge though. I want to display a table on mobile, but i would like the first row to be automatically un-collapsed when user loads the page.

    Instead on having all my line collapsed and user has to click on the + to see the other fields, i would love to be able to have all the rows collpased except the first one that is opened. Check the attachments. 


    I saw on the code that when click on the +, the CSS class="odd detail-show" is added to the TR. How do i force this class on the first TR?

    Thank you so much!

    Alex

  •  1,896
    Miloš replied
    January 24, 2022 at 6:27pm

    Hi, Warzone_Loadout

    I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated.

    - Thank you very much for the kind words. We are always happy to see that our plugin is helping display tabular data as it is intended to be.

    - You have a very interesting challenge there. Well, using built-in plugin features, I can suggest this example, not sure if it will be ideal for you; there might be a more elegant solution, but here is my first idea ( might be the simplest solution):

    I took a dummy table that we have, containing some countries - the first row is "Germany", so I use conditional formatting, to add a class to that row - and I add class "odd detail-show". In your case, from the screenshot, I guess you would type "Long Range", instead of "Germany".

    9989342460.png

    Try this out, and see how it looks on your table? 

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    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