How to remove [style="display: table-row"] added by tablesorter to each row in the table?

Question

I want to set child rows in the table collapsible. It is possible using the bootstrap collapse. But it does not work since tablesorter adds somewhere style="display: table-row", so it is visible always.

Where could I remove this css style?

Answer 1

Define a css class like this

.invisible-table tr {
    display: none !important;
}

and then just add/remove the invisible-table class to tablesorter as you wish.