Filtering multiple tables

  • Resolved itLwork

    (@confussed)


    8 years ago

    Hi! Thanks for a great plugin!
    Iv’e been rummaging around the support page, and I’ve found a lot of good info to make a great easy-to-filter food menu.

    Question:
    How do I filter multiple tables with one search bar?
    If that is not possible, can I divide the table into categories,

    I.e.:
    Pizza
    Soups
    Desert etc…

    …and still be able to filter out the menu items and keep the categories?

    What I’m aiming for is to be able to, for example search for “vegetarian” and display all vegetarian items in each category, with the categories still visible.

    I.e.:
    “Pizza”
    -Vegetarian dish 1
    -Vegetarian dish 2
    “Soups”
    -Vegetarian dish 3
    “Desert” etc…

    Any help with this would be greatly appreciated.
    Best regards!

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years ago

    Hi,

    thanks for your post, and sorry for the trouble.

    Unfortunately, I’m not aware of an easy way to filter multiple tables at once. This would require custom JavaScript code.

    Therefore, the category idea is better. For that, you can try the TablePress Extension from https://tablepress.org/extensions/datatables-rowgrouping/ For some instructions, see https://ww.wp.xz.cn/support/topic/row-grouping/

    Regards,
    Tobias

    Thread Starter itLwork

    (@confussed)

    8 years ago

    Hi!
    It worked like a charm. Thanks for quick reply!

    How would I change the background and text color of the categories?
    Is it possible to add a row of space above the categories for easier readability?

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years ago

    Hi,

    great! I recommend to use the following CSS code to change the color and add spacing. Please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-id-3 {
    border: none !important;
}
.tablepress-id-3 .group {
    background-color: #ff0000 !important;
    color: #ffffff;
    border-top: 30px solid #ffffff !important;
}

    Regards,
    Tobias

    Thread Starter itLwork

    (@confussed)

    8 years ago

    Absolutely perfect!!

    One last thing.
    Now it seems like my table header is pretty much redundant. But if i remove it, the table seems to break. Is there a way to hide it?

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years ago

    Hi,

    indeed, you have to keep it for things to work, but you can hide it:

    .tablepress-id-3 thead {
  display: none;
}

    Regards,
    Tobias

    Thread Starter itLwork

    (@confussed)

    8 years ago

    Works perfect! It looks absolutely perfect!
    Thank you so much for all your support!

    Submitted top review.
    Best regards!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years ago

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    Best wishes,
    Tobias

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Filtering multiple tables’ is closed to new replies.

Tags