How to initially hide a specific table?

  • Resolved simmerman

    (@simmerman)


    3 years, 7 months ago

    Hello,

    As always, your plugin is simply the best.

    How can you hide a table on the initial load, but still allow for the filter options of let’s say the first column?

    Ex:

    1) On your table, you have column 1 as types of fruit
    2) Column 2 is your rating of each fruit

    And, on the initial page load, you want just a single drop down that has all of the items in column 1 in it without any results…

    3) Then when the drop down is selected on let’s say apple, it THEN shows the data for row ‘apple’?

    Basically, I have all the dropdown code and everything in place, my only issue is that the entire table displays and the drop down list isn’t really going to reveal anything special and only filter down.. I want the drop down to be like a drum roll to the result ??

    Thanks so much!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter simmerman

    (@simmerman)

    Oh, and I only want this to occur on a single table, I still use tablepress all over the plays showing full tables upon initial page load, so I only want to hide a specific page that loads a table.

    Thanks again.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    I see what you mean, but unfortunately, I’m not aware of an existing solution for this. While there is the TablePress Extension from https://tablepress.org/extensions/datatables-columnfilterwidgets/ which can add such dropdowns, there’s currently no way to hide the table initially.

    Regards,
    Tobias

    (@simmerman)

    I too wanted same solution.

    What I did is below.

    I decided how many rows to be shown on each page for eg. 25

    Then I inserted 25 rows with just AAA word in it

    When the table was loaded it displayed Aaa data on front page after that when the user selected the filter of his choice showed original data.

    Or u can use select instead of AAA word..

    I put a user note above it.pls select the data u want to see

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    interesting approach, thanks for sharing that!

    Best wishes,
    Tobias

    Thread Starter simmerman

    (@simmerman)

    Thanks @freebacktesting

    @tobiasbg
    Thanks for the answer. One last thing. @freebacktesting is on to something, so if I let’s say changed row one to “select name in drop down list” and utilized the drop down list feature… that could work, as I can set the table to only show one row and the first row could say something like “search” or “use the drop down”…

    The only question I’d have at that point would be, is there a way to hide the “next” and “previous” buttons at the bottom right of the table, as I don’t want the user confused buy clickable options. I want them focused on just typing the name in or using the drop downs.

    Thanks so much.

    Thread Starter simmerman

    (@simmerman)

    @tobiasbg oh and one more question. If I did this, how could i justify the ‘search’ box to the left side so the user sees it just above the table on the left vs right? Thanks.

    Hopefully that can be done, and the ‘next’ and ‘prev’ pages features can be hidden, then I’m good to go. Andy, I of course have rated the plugin, but will do so again on this account. ?? Going now!

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    hiding the Prev/Next links is possible with CSS code. For example, add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    #tablepress-123_paginate {
  display: none;
}

    where 123 is the table ID.

    For moving the search field to the left, you could use

    #tablepress-demo_filter {
  float: none;
}

    Regards,
    Tobias

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to initially hide a specific table?’ is closed to new replies.