How to hide table data upon load and only show table headers?
How to hide table data upon load and only show table headers?

This is continuation of my previous question. https://datatables.net/forums/discussion/73443/how-to-load-a-table-blank-when-no-filter-is-selected#latest
Here is the updated table. Although the filter portion works here, I am unable to figure out how to display only headers/ upon page load or when Select Location is selected from the dropdown.
Please see sample code here:
This question has an accepted answers - jump to answer
This discussion has been closed.
Answers
In the example I provided in the other thread i used
style="display: none;"
to hide thetbody
. Another option is to use jQuery to hide thetbody
with jQuery hide(). Just toggle thetbody
with show() and hide() as desired.Kevin