Reapply table striping after hiding rows (Twitter Bootstrap)

Yes, this is definitely one of the annoying parts of table striping. The better part of valor here is probably just to reapply the striping with jQuery after each update:

$("tr:not(.hidden)").each(function (index) {
    $(this).toggleClass("stripe", !!(index & 1));
});

Seems like Bootstrap 4 have a different implementation. Following @Anthony's answer, this is how it would work:

$("tr:visible").each(function (index) {
    $(this).css("background-color", !!(index & 1)? "rgba(0,0,0,.05)" : "rgba(0,0,0,0)");
});

Tables are now striped by pure CSS and not by adding the "stripe" class name.