Bootstrap responsive table hide column code example

Example 1: how to hide table header on small screen in bootstrap

class="d-none d-sm-block"  // for extra small screen
class="d-none d-md-block" //only display on md, lg and xl screen

Example 2: bootstrap table striped hidden rows

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

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