Title: Filterable Table
Last modified: November 16, 2022

---

# Filterable Table

 *  [lukelaj](https://wordpress.org/support/users/lukelaj/)
 * (@lukelaj)
 * [3 years, 6 months ago](https://wordpress.org/support/topic/filterable-table-2/)
 * Hi,
    I am looking to add a selection table element that can be found on the demo
   theme page i have seen and put above. It is the Entrepreneur Meets Marketer section
   where you can select the section on the left and it shows different option.
 * Thanks
    -  This topic was modified 3 years, 6 months ago by [Jan Dembowski](https://wordpress.org/support/users/jdembowski/).
      Reason: Moved to Fixing WordPress, this is not an Developing with WordPress
      topic
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ffilterable-table-2%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Moderator [bcworkz](https://wordpress.org/support/users/bcworkz/)
 * (@bcworkz)
 * [3 years, 6 months ago](https://wordpress.org/support/topic/filterable-table-2/#post-16202222)
 * Are you looking for a plugin that lets you do something like that, or do you 
   wish to develop your own solution and just need to be pointed in the right direction?
   This is the Developing WordPress forum after all.
 * If you look at the source HTML and CSS of the page, you should see all the different
   contents are all part of the page. Their CSS styling causes each one to occupy
   the same position on the page. All but one is assigned a class that has a `display:
   none;` CSS property associated with it, so all but one are invisible.
 * When one clicks on the various options, a bit of JavaScript listening for a click
   event will remove the class from the chosen content, making it visible. It’ll
   also assign the class to all the other contents to ensure they are all invisible.
 * It’s the same mechanism used for tabbed pages, except it is only applied to a
   particular section and the “tabs” (the options) are not styled to look like literal
   tabs. If you do some searching, there are all sorts of tutorials on creating 
   tabbed pages.
 *  Thread Starter [lukelaj](https://wordpress.org/support/users/lukelaj/)
 * (@lukelaj)
 * [3 years, 6 months ago](https://wordpress.org/support/topic/filterable-table-2/#post-16202241)
 * Hi,
 * Thanks for the reply. Was looking at either plugin or a steer in the right direction
   for code.
 * The code side is a little bit new to me and still learning that side so picking
   bits up.
 * Thanks
 *  Moderator [bcworkz](https://wordpress.org/support/users/bcworkz/)
 * (@bcworkz)
 * [3 years, 6 months ago](https://wordpress.org/support/topic/filterable-table-2/#post-16206066)
 * A plugin [search for “tabbed pages”](https://wordpress.org/plugins/search/tabbed+pages/)
   doesn’t yield much that looks promising. Still, looking at the tabbed page source
   HTML and CSS from the few plugins that actually do tabbed pages might help in
   further understanding. But I think the generic tutorials you can find through
   a general internet search would be more helpful. It’s just that you’d apply the
   concept to a specific section instead of the entire page.
 * The only problem with generic tutorials is you’d need to adapt the code suggestions
   to accommodate some WordPress quirks. Mainly that external JS and CSS file references
   are not placed directly in HTML content. They are instead enqueued through PHP
   code. In the end the results are the same.

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

The topic ‘Filterable Table’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 replies
 * 2 participants
 * Last reply from: [bcworkz](https://wordpress.org/support/users/bcworkz/)
 * Last activity: [3 years, 6 months ago](https://wordpress.org/support/topic/filterable-table-2/#post-16206066)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics