I was writing a simple JQuery script which filters out table rows based on class name. When I used visibility:hidden; I noticed that when it was made visible again, the table looked slightly broken. To fix this instead of using visibility:hidden use visibility:collapse; and this keeps the table format correct when it is made visible again.
Below is the script that I wrote to filter the table and anyone is welcome to use it.
Below is the CSS script used to collapse table rows without breaking it’s format.