@jthomasama I had the same question and asked via their support ticket. I asked: “I was wondering if there was a way to hide all rows and only display the row when it’s searched for in the search bar. Visitors to our site will only really need to see what they’re looking for and I don’t want to overwhelm them with other options that don’t apply to them.”
Here’s how they responded:
We have some custom codes which will hide the full table until the user select the custom filter.
After creating the table you need to add the css below to your tables custom css:
table#footable_303:not(.ninja_has_filter) tbody, table#footable_303:not(.ninja_has_filter) tfoot, table#footable_303:not(.ninja_has_filter) .footable-header {
display: none !important;
}
You need to change the #footable_3o3 with your tables id. See screenshot
now add the code below to your tables custom javascript:
$table.removeClass(‘ninja_has_filter’);
Hope this helps. It certainly saved me!
